Search Results for 'css'

Hi,

To remove the orange section you need to use this custom code

.tdc-element-empty {
margin-bottom:0;
}

You need to insert the code in Live CSS => https://i.imgur.com/7kDAlh9.png

Hope this helps you!

Thank you!

Hello !

Please try this css code: .td-post-sharing-top {
margin-bottom:30px;
}

The code can be adjusted and needs to be inserted here: https://www.screencast.com/t/ahwdwZk93

Thank you !

Hello!

Unfortunately, there is no settings for this because this is a default template.
Please try this CSS code to add spacing in that heading:

.td-related-left {
margin-right: 10px !important;
}

You can adjust the size of spacing with any value you need on your website.
Add this code in Newspaper -> Theme panel -> Custom code -> Custom CSS.

Thank you!

Hello !

Please use this css code: .td-post-sharing-visible, .td-social-sharing-hidden {
display:none;
}


This code must be inserted here: https://www.screencast.com/t/ahwdwZk93

Thank you !

Hello,

For hiding the Instagram for mobile you need to use this custom CSS => https://www.screencast.com/t/vvTxUYxjGD

#sb_instagram
{
display: none;
}

The code need be insert in Theme Panel -> Custom Code -> Advanced CSS -> Phones => https://www.screencast.com/t/hDBYSbJ4X8

Hope this helps you!

Thank you!

Hello,

For scroll menu you need to insert this custom code in Theme Panel -> Custom Code -> Custom CSS

.tdb_header_menu .tdb-normal-menu ul .tdb-menu-item.tdb-hover > ul
{
overflow: auto;
max-height: 400px;
}


Looks like this => https://www.screencast.com/t/MZaI8Ak2kli

Hope this helps you!

Thank you!

Hello,

You can hide the Instagram widget, using tagDiv Composer, select the Phone viewport and in CSS tab you can choose the display options to Hidden => https://www.screencast.com/t/V44HBbOH9WeB

Let me know about your results!

Thank you!

Hello !

Space can be done easier through css. Can you provide an example or some more information of where and how much the space increase you’d like to have?

Thank you !

Hello,

I checked the line code where you get that notification https://i.imgur.com/S3tLgCw.png and this seems to be related to mobile CSS from the mobile theme plugin.
We’ll like to take a look to your website if this is possible, for this please make a full backup and contact us via email at contact@tagdiv.com provide wp-admin and cPanel. Also include the link of this topic. My teammates will inspect the website to see what can be the problem.

Thank you!

Hello !

You can use this css code as you can see here #td-top-mobile-toggle {
display:none;
} But Your website doesn’t seem to work with responsive method, that is a strange behaviour.

This may be a plugin conflict. You will have to first start looking for a plugin conflict. please deactivate ALL plugins except tagDiv ones, also if you are using child theme or cache plugin, deactivate them, clear all cache and try again.

Also you can try and remove and re-install the tagDiv Composer plugin and please send us a link to your website in order to take a look.

Let us know the results.

Thank you !

Hello,

For Android, the author name looked fine => https://www.screencast.com/t/R7x7FjCo6V7D
Is possible that accent color from Theme Panel -> Mobile Theme -> Theme Colors to be set to white => https://www.screencast.com/t/PQEntMkI3jKB
If you want to change the color link for the author name, you can try this custom CSS

header .td-module-meta-info .td-post-author-name a {
color: green;
}


To add the code, you need to go in Theme Panel -> Mobile Theme -> Custom Code -> Custom CSS => https://www.screencast.com/t/WfVOQkaGJwwm

Let me know about your results!

Thank you!