Search Results for 'css'

Hi,

The latest articles background color will be affected by this setting in the theme panel
– https://www.screencast.com/t/xiOKXsUtdyC
Note that this setting may affect other elements as well. I could give you a code to set a background of your choosing only for the latest articles title
– https://www.screencast.com/t/RZdeo16Gg50
Enter it in Theme panel->Custom CSS section if you decide to use this solution

.td-pb-article-list .td-block-title {
background-color: blue;
}

Thanks

Hello,

the comment count can be changed with css by using this cod in the theme panel-> custom code section:

.td-module-comments a {
background-color:red;
}
.td-module-comments a:after{
border-color:red transparent transparent transparent;
}

Thank you!

Hi,

If you want to reduce the spacing, you can add this code in your custom css section of the theme panel:

#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta{
margin:0!important
}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic{
padding:0!important
}
#bbpress-forums div.odd, #bbpress-forums ul.odd{
margin-top:0!important;
}

Thanks.

Hi,

Enter this code in Theme panel->Custom CSS section and the ad should be visible
– https://www.screencast.com/t/mqFtO4oJHgh

.td-a-rec-id-footer_top {
display: block;
}

That is a predefined footer template, the blocks in the template cannot be edited. You could select style 3 for example which is similar. Add the widgets you want, configured the way you want in the footer sections.

Thanks

Hello madanyadlapati,

I have inspected your website and I saw that you like the border style to your pages, right? Also, I notice that you are using such a custom CSS code to add this to your page but please notice that is not a simple task doing this. This task involves doing such customizations in order to achieve good results and notice that we cannot provide something like this at the moment, sorry! If you like this effect, you can try using our Newsmag theme because this one has implemented by default these borders as you can see in our demo preview here -> https://demo.tagdiv.com/newsmag/

Thanks for your understanding!

Hi,

The theme does not have options to remove the ads on specific pages. If you are using Adsense then you could create such a condition in the code (display none is not recommended for Adsense). You could create the condition in the header style used. This is an example
– https://www.screencast.com/t/NXo350HgT
Same for the footer template used
– https://www.screencast.com/t/KyJWT2HXHF
This could be a solution. They could be removed with CSS as well like in this example
– https://www.screencast.com/t/vD9egHWZ2M

Thanks

Hello jgrusky,

You should try using the CSS code. In order to create it you should check the inspector browser from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ because there you will find a way how you can create your own custom CSS code.

Thanks for the message!

Hello,

Please add this css code in your custom code section of the theme panel:

.td-header-gradient:before{
display:none;
}

Thank you!

Hello,

I have tested this on my end but it works as expected. Please make sure any other change is happening and it’s not a caching issue or a plugin conflicting with the css
If you still have trouble please provide a link to your site so we can inspect the ‘strong’ text.

Thank you!

Hello Colleric,

You should use a bit of CSS code to hide the Ads for a specific page using the specific page ID or you can use the is_page() function in WordPress -> https://developer.wordpress.org/reference/functions/is_page/ to check if it is the page when you have targetted and then block the ads you want. For this, you should edit the Ads core files from theme’s folder and create some checks in order to achieve as you wish. Notice that is not a simple task and if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry! We only can point you in the right direction.

Thanks for your understanding!

Hi,

Leave the lazyload disabled, enter this code in Theme panel->Custom CSS

.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb {
transform: none;
}

This code should cancel the zoom effect when hovered, on a default big grid or full big grid.

Thanks

Hello,

If you use the mobile theme, then there is no style 5 on the mobile theme. There is only a single post style and that is the default one. Sorry for the inconvenience. If you want to remove images on the mobile theme you can use css to hide the featured image for specific posts or from a specific category.
I will be able to help with the code if needed but i will need a link to your site and and you will need to place the posts with no featured image in a specific category so I can target it with css.

Thanks.

Hello vasik,

The social network icons can be managed from here -> https://www.screencast.com/t/Mr6MwivAGAZ The social icons will be displayed in Top Bar and Footer section. So, if you want to hide them only for Top Bar section, you should use a bit of CSS code to this effect.

The code is ->

.td-header-sp-top-widget{
display:none!important;
}

Thanks.

Hello Somosung,

Unfortunately, the theme does not have any such an option that allows you to change the smart list content font or size, sorry! You should use the inspector browser to do this, according to our documentation regarding on how you can create your Custom CSS code from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hello Ivana,

Yes, it seems to be another class and that’s why the above code does not work. Try to use the code below and place it in Theme panel -> Custom CSS area.

@media (max-width: 767px){
.td-top-menu-full {
display: block;
}
}

Thanks for your understanding!