Search Results for 'css'

Hello Erythros,

Please notice that the Live CSS featured was been implemented to help the users to see the changes in live mode, otherwise, if you will use the Custom CSS mode, you should press save and refresh and then you will see the changes. This is the single reason. If you do not like it you will do not use it.

Thanks.

Hello thebackpackertravels,

Try the code below and place it in Theme Panel -> Custom CSS area.

The code is ->

.td_block_social_counter {
font-size: 15px;
}

Thanks for the message!

Hi,

For the homepage you can use a code like this, to set a background for the sidebar
– https://www.screencast.com/t/MyuzY1tat
You can change the color to what you want, and then enter the code in Theme panel->Custom CSS section

.home .tdc-content-wrap .td-pb-span4 {
background-color: lightgrey;
}

For the posts you can use a code like this if you want to set a background there also
– https://www.screencast.com/t/mtb5UEmEnzX0

.single .td-main-sidebar {
background-color: lightgrey;
}

Thanks

Hello,

It is possible with a bit of a css trick. Please provide a link to your site so I can inspect it and provide the css code.

Thanks.

Hi,

It seems to be coming from a plugin maybe, like Simple Custom CSS and JS
– https://www.screencast.com/t/NeFly3JE2
The code might be entered in the plugins custom code fields. The theme already has the options to use custom code, in the theme panel
– https://www.screencast.com/t/50nJkSwGR
I could give you another code to make the titles display on the homepage, if you cannot find the source of the one that hides them
– https://www.screencast.com/t/QheNUvrlp09

.home .entry-title {
display: block;
}

You must enter this code in Theme panel->Custom CSS section
– https://www.screencast.com/t/xtr71DskYx

Thanks

Hi,

Please add this css code in the theme panel-> custom css box:
@media (max-width:767px){
.menu-item-346{
display:none;
}
}

Thank you!

Hi,

There is a margin top on the Big grid
– https://www.screencast.com/t/DOtLPNvOaT
You could use the custom class to remove it with a stronger code
– https://www.screencast.com/t/Tn3Xxp2IeQ
If you want the code to apply only on mobile you can sue the Advanced CSS option in the theme panel
– https://www.screencast.com/t/DlFrgk7e
I also see that there is a height set on the row through a custom class, and it is causing some layout issues, but that could be a work in progress on your design
– https://www.screencast.com/t/9PaMofbd
Just thought I should point that out.

Thanks

Hello Matias,

You should try using the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-a-rec-id-sidebar{
display:none;
}
.single .td-a-rec-id-sidebar{
display:block;
}
.home .td-a-rec-id-custom_ad_2 {
display:none;
}

Thanks.

Hello Alinadomino,

Try the code below and place it in Theme panel -> Custom CSS area.

@media (max-width: 767px){
.td-scroll-up {
display: block;
}
}

Thanks for the message!

Hi,

You can try a code like the one provided below. It should make the homepage, category pages and posts have the container background color that you choose
– https://www.screencast.com/t/shvOiA4EHjo
– https://www.screencast.com/t/eMKNFFYdD
– https://www.screencast.com/t/wJFTfgDt9h1
If you want to add more elements, you can identify them with the browser inspector and add their classes to the code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
The code must be entered in Theme panel->Custom Css section

.td-header-container,
.td-main-content-wrap,
.td-category-header,
.td-category-grid,
.post {
background-color: lightgrey;
}

Thanks

Hello,

If you use the mobile theme then you will be able to simply create a separate menu for your mobile, version: https://forum.tagdiv.com/the-mobile-theme/
If you do not use the plugin, then please provide a link to your site and specify which menu items you want removed from mobile devices and I will provide the proper css code for it.

Thanks.

Hello harmario,

Try the code below and place it in Theme Panel -> Custom CSS area.

The code is ->

.td-header-style-8 .td-ad-m{
border-bottom: 0;
}

Thanks.

If you refer to the sub-footer alignment: https://www.screencast.com/t/9xLgBlYMvsBZ then you can use this css to align it:

.td-footer-bottom-full .td-pb-span5, .td-footer-bottom-full .td-pb-span4, .td-footer-bottom-full .td-pb-span3 {
width:33.33%!important
}

Add the code in the theme panel-> custom css box.

Thanks.

Hello debarup,

If you want to change the color of your blockquote, you can do it from Theme panel, like this -> https://www.screencast.com/t/D19szfK6tVBs Also, for changing the color hyperlink text, please use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

a{
color:red!important;
}

Thanks.

Hi,

When the mobile theme plugin is active, it will display a predefined template for the front page. There are no options at the moment to add a new page template or remove the default Top grid and Related articles section.
Content for pages on mobile is limited to the mobile editor that appears in the page edit screen, when the mobile plugin is active
– https://forum.tagdiv.com/the-mobile-theme/
You could manually remove these sections from the theme files by commenting or removing these elements from the front page, if that is what you want
– https://www.screencast.com/t/yLgwSvmuoMB8
Or maybe hide them with CSS
– https://www.screencast.com/t/KubcQaddK

Thanks

Hello sanket3811,

Use the code below and place it in Theme Panel -> Custom CSS area.

.td-scroll-up-visible{
display:none!important;
}

Thanks.