Search Results for 'css'

There is no theme setting for that specifically. It could only be done through CSS code. Remove that code and try this one for example

.td-module-thumb, .td-module-thumb img, .td-big-grid-post {
border-radius: 10px!important;
}

Hello pasqualino77,

Please remove all of the untested plugins (WP Total Cache which is very problematic), remove your code from Custom CSS area, clear all the caches and check the results. If the problem is still there, please send us an email at contact@tagdiv.com with your log-in information (wp-admin) so we can further investigate it closer your setup page.

Thanks for your understanding!

Hello vinmigliore,

Please provide your website URL so I can take a close look at it. Also, if you want to target a specific block from TD Composer you should add a new custom class from TD Composer for that block and then when you create the custom CSS you should use that class.

Thanks for the message!

Hello,

It seems the theme is not grabbing the proper css code for the element. Please clear all caching from your cache plugin, cdn server or hosting side cache.
Also test this withot any plugins. Disable all of theme except the tagdiv composer and test again.

Let us know if you still have this issue afterwards.

Thanks.

Hello,

You can hide the sidebar on posts by adding this css to the theme panel-> custom code section:

@media(max-width:767px){
.post .td-main-sidebar{
display:none!important;;
}
}

Thank you!

Hello,

You could use a bit of CSS code in order to achieve this. Use the code below and place it in Theme panel -> Custom CSS area.

.td-module-title{
border-bottom:2px solid black;
}

Thanks for your understanding!

Hello,

The top menu cannot show on mobile devices. It was never designed to. You can place it at the top in the mobile version as well if needed. You can try this css:
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
.td-header-sp-top-menu {
display:block!important;
}
.td-header-style-12 .top-header-menu > li, .td-header-style-12 .td-header-sp-top-menu, .td-header-style-12 .td-header-sp-top-widget{
line-height:30px;
}
#menu-secondary-navi-menu{
text-align:center;
}
}

Thank you!

That is a category page, sub-categories will be displayed on a category page
– https://demo.tagdiv.com/newspaper/category/tagdiv-fashion/
One way of not displaying specific categories on a category page is to hide theme with this option
– https://www.screencast.com/t/JaWZC1da
Or you could remove them with CSS for mobile theme only, with such a code in Theme panel->Mobile theme->Custom CSS

.category .td-category-siblings {
display: none;
}

Hi,

That could be done with some CSS code. The tags have a default padding, that could be enlarged if you want to, like this where it is doubled
– https://www.screencast.com/t/nFwxOhSlyAXg

.td-post-category {
padding: 6px 12px 8px;
}

There is also a setting for the font of the tags in the theme panel, if you want to change the font or font properties (default font size is 10px)
– https://www.screencast.com/t/wYyt5ixnk0j
That code will affect all the category tags, it could be made more precise if needed.

The browser inspector is a very powerful tool and very helpful in this kind of situations
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

That design is one of the characteristics of that post template. Without using a featured image it will not look properly. You could use a different post template instead
– https://forum.tagdiv.com/post-templates-2/
If you really want to use style 4 and remove that extra space
– https://www.screencast.com/t/zTTb7ckpLbK
Use a code like this in Theme panel->Custom CSS
– https://www.screencast.com/t/MeBzkwuzlK9

.td-post-template-4 .td-image-gradient:before {
display: none;
}

Hello,
Please add this code to your theme panel-? custom css box:

.td-post-featured-image{
margin-left: Auto;
margin-right: auto;
display: table;
}

Thank you!

Hi,

That would be how the CSS rules apply, it works in cascade. First the default color is loaded, then the custom color is. It also depends on the website loading speed, if it loads slower the flash would be visible. A solution for this problem wold be to remove the initial default color set as background for the menu, from the theme stylesheet
– https://www.screencast.com/t/Cy7kSQqGSq
Then the color you set will be the first one to load.

Thanks

Hello,

In order to remove the extra spacing, you cna use this custom css:

.td-page-content p, .td-post-content p, .wpb_text_column p, .td_block_text_with_title p, .woocommerce #tab-description p, .mce-content-body p{
margin-bottom:21px;
}

Thank you!