Search Results for 'css'

Results from the Forum
stuartmasson
tagDiv Member

Hi Catalin. That’s fine, was just hoping you knew of a quick way to add some custom CSS to achieve it without having to go to a developer.

Many thanks,

stuart

booomcha
tagDiv Member

Hi, Catalin, thank you for your response.

For the likes… The JetPack information does not help me because I do not want to turn likes off. I want to hide the duplicate likes that are appearing under the comments on my posts when I use the theme template. This does not happen when I do not use the template.

In my previous ticket that I mentioned, likes were duplicated under the footer when I implemented a footer page. I was then given a CSS snippet to hide the duplicate likes.

As far as I can tell, this cannot be done through any JetPack settings. I still think I need to use CSS to hide the duplicate. Please help, if you can.

As for moving the “Home” tab in my main menu… please note that what I explained was that even though I moved my home tab in Appearances>Menus, it still appeared at the head of the menu (first tab) on the site. So, this does not answer my problem either.

Please see my photos: Image 1 Image 2

Thank you for answering my question about my header in search. I understand and look forward to the update.

Calin
tagDiv Staff

Hi,

You need to try a custom css, something like this -> https://www.screencast.com/t/RIdByyPJ8
.td_block_7 .td_module_6 {
margin: 10px 0;
box-shadow: 3px -3px 4px black;
}

Set the code in theme panel>custom code>custom css

Hope this will help you!
Thanks.

Calin
tagDiv Staff

Hi,

Unfortunately the above solution is working only with default templates, there appear the category op post -> https://www.screencast.com/t/g4OLPlj3EM if you are using cloud templates you can not achieve this only with css, you’ll need to use some custom java-script.

Thank you for your understanding!

BYS
tagDiv Member

Hi Calin.
You missed the point completely.
I am well versed in using wordpress and your Newspaper theme, and have a lot of custom css – who could live without them 🙂
But when I am writing a post and wish to add some custom css, from my already prepaired custom css from ‘Theme Panel’ ‘Custom Code’ ‘Custom css’, it is a slow proces, when writing a Post.
So what I suggest, which is actually a good idea, is to add a ‘paint brush’ to Post, which means, a little button in the editor, where I can choose one of my already made custom css codes.
I can’t explain it more square than this.
Thank you for your understanding

BYS

PS:This is a suggestion for the developers, if you are not responsable enough to pass it on, and don’t give a shit, I will contact them myself!

  • This reply was modified 7 years by BYS.
Simion C.
tagDiv Staff

Hi,

Default blocks and grids don’t have the options that flex blocks and flex grids have. Also default header styles versus cloud header styles (cloud header styles have an option for the category tag color – http://prntscr.com/n5tefg )

However this could be done with some CSS. For example this code should allow you to change the background color and text color for normal and hovered caetgfory tags in the header
http://prntscr.com/n5tgd0

#td-header-menu .td-post-category {
background-color:red;
color: yellow;
}
#td-header-menu .td-post-category:hover {
background-color:yellow;
color: red;
}

Use the colors you want in the code, then enter it in the theme panel custom CSS code section.
If you want to change it in other places let me know where and I will give you a solution. A link to the respective page and more details will be helpful if possible. Let me know.

Thanks

Calin
tagDiv Staff

Hi,

Please check our documentation for how to Create custom code with the browser’s Inspector or the Live CSS Box ->https://tagdiv.com/how-to-create-custom-code-in-newspaper-theme/
In tagDiv Composer also -> https://www.screencast.com/t/s2vrIQRm0

Thank you!

Calin
tagDiv Staff

Hi,

If you do not want to have the top bar you can disable it from theme panel https://www.screencast.com/t/qfVIWreKi is no need to hide it with css

If there is still a problem, please provide me a link were I can inspect this bar, in this way I will be able to provide you an custom css.

Thank you!

Calin
tagDiv Staff

Hi,

Please provide me a link were I can inspect those links, in this way I will be able to provide you a custom css.

Thank you!

Calin
tagDiv Staff

Hi,

You can use this custom css
.td-visible-desktop{
margin: 25px;
}

Fell free to change the margin size.
If there is still a problem please provide me a link were I can take a closer inspection to your ads, in this way I will be able to provide you an working css.

Hope this will help you!
Thanks.

Calin
tagDiv Staff

Hi,

1. Please check our documentation for footer -> https://forum.tagdiv.com/footer-templates/
Please provide me a link were you do not have the footer or sub-footer on your website.
2. In order to change the color for the links from footer and sub-footer please use this custom css
https://www.screencast.com/t/QAYpAuwU
.td-footer-wrapper .td-footer-info .footer-email-wrap a,
.td-sub-footer-container .td-sub-footer-copy a {
color: #fff;
}

3. In Order to change the background color for categorys on modules you can use flex blocks, those have more options -> https://www.screencast.com/t/YMahsrWRhMd -> https://www.screencast.com/t/ekEfe2XQ6r or if you want you can use a custom css
https://www.screencast.com/t/WORbzu7fK
.td-post-category {
background-color: red;
}

Feel free to change the color.

Thank you!

master2501
Participant
#0

Hi!

I have the exact same problem that I´ve found in this topic:

https://forum.tagdiv.com/topic/mobile-view-11/

If I use wpbakery to create a post, the mobile view has some padding that origins blank borders in left and right part of the article.

I tried to use the css code that Calin provided in the previous topic but didn’t work for me. Any suggestion about how to solve it? Website is http://www.vortexmag.net.

Thank You!

Hugo Chan
tagDiv Member

Hello Simion C,
Thank you so much for sending the introductions of the importing the demo. But I met some problems when I imported it.
Actually, I have opened the link of https://forum.tagdiv.com/tagdiv-cloud-library-plugin/. and imported it. However, I found that I am not very satisfied with some contents of the template. For example, I am not very content with some characters of some templates. But I only want to change one part of it and store the remaining part. So are there any ways that I can change one part of the content that I don’t like into something I design by myself? If yes, please send me the introduction. Looking forward to your earliest reply.

By the way, I plan to hire a designer to design my Blog. But I don’t want to limit her imagination because there are a lot of pre-designs on the template, so I am going to ask her to design it on another application such as Photoshop. Therefore, what I want to know is whether she has to design it on this template. If not, are there any ways to help her to import her design into the template? In addition, I think the demo of Newspaper Theme will be upgraded in the future. According to what I know, if one application is upgraded, the CSS or Code might be changed. Consequently, I am worrying that if I upgrade the demo in the future, the fixed contents and designs of my Blog might be changed. Please tell me if there is a way to avoid that problem.

Regards
Hugo

Anonymous
Inactive
#0

I am having a hard time adding box shadows to block elements. I want to add a box shadow to the individual elements inside a box. For example, I am displaying 8 posts with a Block 7. I want each of those posts to be displayed with a box shadow.

Can somebody let me know what the selector is to do this?

Marieno
Participant
#0

Hello,

I am trying to optimise the speed of my site.

One of the issue I have is with the Instagram widget provided in the footer.

The error I get is that the images are resized in HTML or CSS. Is there a way to optimize this ?

They say “Serving scaled images could save 351.7KiB (87% reduction).”

thanks

BYS
Participant
#0

Dear programmers 🙂

Could you please make a ‘paint brush’ for post, so we can add ‘custom css’ easely to writings.

Love Tommy

ps:”If I in my ignorance have missed an already existing easy way to do this, please enlight me.”

booomcha
Participant
#0

Hello, thank you in advance for your time.

My site is: booomcha

Not long ago, I opened a ticket (#283697) because after I made a footer page, I had a duplicate of the JetPack like button appearing before the footer. That was resolved with some CSS snippets and I’m quite happy with it.

This time, however, I installed a single post template from the Cloud Library. Again, I have a duplicate JetPack like button showing up, but this time, it is just below the comments section, above the footer. I was wondering if you could please help me out with more coding to get rid of this duplicate?

Please see photos: This is a pic of the JP Like I want to keep; This is a pic of the duplicate I want to remove

My next question is regarding the Home tab in the main menu in the header. Although my static page is “Home,” I do not see the need to have the Home link in the menu. When I delete it from Appearance>Menus, WordPress automatically seems to generate it regardless. I tried moving the Home tab to the end of the menu, then use CSS to display:none, but No matter where I put the Home tab on the Appearance>Menus, it still appears at the beginning of the menu on the front end. If I leave it there, and use the CSS snippet to hide it, it messes the margin up.

Please see photo: Home Tab

There is just one more question, please. When I use the search in my header and it comes back with “no results,” the page that comes up has a different header. I have a header template set as my global header, so I’m not certain why this is happening. This is the only page I’ve noticed that has this issue. All the others seem fine.

Please see photo: Wrong Header

Thank you again for your time, I appreciate any help you can provide.
Kymber

Herb
Participant
#0

I found the Custom CSS to disable the Top Menu, but I would also like to get rid of the black bar and the space it uses as well:

Example

tondosusanto
Participant
#0

Hi, how to change link color in single post, can I do that from theme panel or should add css

https://prntscr.com/n4y3r3

ComfyCozyHome
tagDiv Member

Now that I have this CSS code and the picture is now showing up in the post it is too small and causing AMP issues.

How do I fix that? Why is this an all of a sudden issue? never had it before.

Calin
tagDiv Staff

Hi,

Please try this custom css
.td-header-wrap .td-header-rec-wrap {
display: block;
}

-> https://www.screencast.com/t/tcywKjhbe
Set the code in Newspaper theme panel>Custom code>Custom css

Hope this will help you!
Thanks.

Calin
tagDiv Staff

Hi,

Unfortunately, the Subscribe Pro plugin has not been tested with our theme and therefore, we cannot say for sure if it will work or not as expected with the theme, sorry! Also, we cannot provide support for untested plugins.
This is our list with tested plugins with our theme -> https://www.screencast.com/t/cmPkh9jba4sZ

The only difference I see is the background color for this form -> https://www.screencast.com/t/cxFut6AHmI for this you can use a custom css -> https://www.screencast.com/t/fbQHgg23 please set the below css in Newspaper> theme panel>Custom code custom css
.post .wp-subscribe-wrap {
background: #f5f5f5;
}

Thank you for your understanding!

Catalin
tagDiv Staff

Hi,

Try again because the link is correct and should works!
It will require to load the font first, then apply it with CSS for the elements you want. This is a similar topic – https://forum.tagdiv.com/topic/change-mobile-theme-font/
More useful information here – https://developers.google.com/fonts/docs/getting_started
So load the font first, then identify the elements where you want to apply it with the browser inspector for example
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks.

Calin
tagDiv Staff

Hi,

I made some test and for me is seams to work normally -> https://www.screencast.com/t/aBzfvi52 is possible that if you change to fast between menus to take 1s until the css will respond.

Thank you for your understanding!

tvib6
Participant
#0

I’m trying to use the ‘Navigation Menu’ widget in the Newspaper 9 ‘Footer 3’ widget area, but it doesn’t style the menu as a list – items are on the same line.

Screen-Shot-2019-03-29-at-10-19-36<br />Screengrab here<br />

Please can you let me know what CSS to apply to get it on multiple lines? I’ve tried all ‘display:’ options, but can’t seem to get it on multiple lines.

Many thanks

Viewing 25 results - 10,676 through 10,700 (of 33,436 total)