Search Results for 'css'

Hi,

And how do you want to change the sidebar? You can use custom css to do it but I;m not sure exactly what you want to achieve.
In the latest version you have the option to change the block headers style from here: https://www.screencast.com/t/ue9e2KYY7I2
but it will affect all of the site, not just the sidebar

Thank you!

Hi,

You just need to identify the class used and change the color of the span text like this – https://www.screencast.com/t/o8iqGsJJ Also if you want it to apply only for the default post template it should look like this – https://www.screencast.com/t/gAeped5N More about the browser inspector here – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ You must enter the code in Theme panel->Custom Css

.single_template .td-post-next-prev-content span {
color: yellow!important;
}

Thanks

Hello,

You can use this css code in the theme panel->custom css box. This is the default spacing value so you can change it to a bigger or smaller number.
.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: 26px!impportant;
}

Thank you!

Well the code was provided for the category description. You were not specific enough so I assumed what you needed changed. But I also mentioned the other elements so you should not use the css but rather use the fonts section of the theme panel: https://www.screencast.com/t/Bc04fFfNKQpc
You need to change the font for the module you use on your category page. You can see the module used in the category settings: https://www.screencast.com/t/QW8gwlA3

Thank you!

Salut,

Folosind header style 9,10 sau 11 nu este nici o limita de width pe logo – https://forum.tagdiv.com/logo-favicon/ Deci se poate folosi orice imagine full width fara nici o limitare, exemplu fiind acest demo al temei – https://demo.tagdiv.com/newspaper_cars/ Tot ce trebuie facut este sa creezi o imagine de o dimensiune mai mare si sa o folosesti ca logo pe acest header style care e setat in prezent. Nu este necesar sa ii modifici width-ul cu css deorece este deja full width – https://www.screencast.com/t/oxfemDZGc

Multumesc

Hello pacoesni,

Please note that our theme has no redundant CSS code. All code base is very useful to bring the best results and none of them is extra. If you want to get rid of it some code you should do it yourself because this request is not part of our support and we cannot provide custom work at the moment, sorry!
If you want to display more levels in our theme and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you!
Usually we recommend the developers from studio.envato.com

Thanks for your understanding!

Hello lbartosek,

Please keep in mind that the lazy load image will slow the page speed loading on mobile devices. If you want to disable this lazy load only for mobile devices you should edit the style.css file and add the following code on the right line, like this -> https://www.screencast.com/t/ngx63uVFE3

@media screen and (min-width: 767px) {
body.td-animation-stack-type0 .td-animation-stack .entry-thumb,
body.td-animation-stack-type0 .post img {
opacity: 0;
}
}

Hope this helps and let us know how it goes!

Thanks for your understanding!

Hello Christian,

If you want to make these changes you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.vc_images_carousel .vc_carousel-indicators li{
border:1px solid red!important;
background-color:red!important;
}
.vc_images_carousel .vc_carousel-indicators .vc_active{
background-color:transparent!important;
}

The result is here -> https://www.screencast.com/t/LydieiZ4m

Also, if you want to change the color for arrows, try the code below:

.wpb_content_element .icon-next:before, .wpb_content_element .icon-prev:before{
color:green!important;
}

The result is here -> https://www.screencast.com/t/upff4b2Xck

Thanks for your understanding!

Hello Pierreto,

If you want to remove the bottom gradient effect for modal image box, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.mfp-figure:before{
display:none!important;
}

The result is here -> https://www.screencast.com/t/afFjPdob6

Thanks for your understanding!

Hi,

You could set a background color to the row like this – https://www.screencast.com/t/dL9gqTNVJnZ3 or do it with css code in Theme panel->Custom Css – https://www.screencast.com/t/eOqFWqoesD If you want to have a background color on all the page, you could use a code like this – https://www.screencast.com/t/OUwSz11x4 Here is a link to the browser inspector tool, to help you identify the elements on the page and their classes to easily create custom code – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello pacoesni,

Unfortunately, our theme does not have such an option to minify the style.css file and we cannot recommend any plugins with this functionality because is not tested with our theme. For minifying this file, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/

One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and here -> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/

Hope this helps!

Thank you for the message!

Hello zen,

If you want to display the comment count only for module 8 you should use the code below and place it in Theme panel->Custom CSS area. You should hide the entire class for all website and then, for this module you should give the display:block.

The code is ->

.td-module-comments{
display:none!important;
}
.td_module_8 .td-module-comments{
display:block!important;
}

Hope this helps!

Thanks for your understanding!

Hello,

I have checked your website, and I saw that you have a lot of additional customization. Below, I gave you a custom CSS for affix, but in the future, I suggest you revise the entire code and revert the theme to the default state.

.td-header-style-1 .td-header-main-menu.td-affix {
width: auto;
border-top: 4px solid #c00000 ;
}
@media(min-width: 1024px){
.td-header-style-1 .td-affix #td-header-menu {
width: 1030px;
margin: 0 auto;
}
}
@media(min-width:768px)and (max-width: 1023px){
.td-header-style-1 .td-affix #td-header-menu {
width: 756px;
margin: 0 auto;
}

Thanks for your understanding!

Hi,

You could use the code I provided below with this result – https://www.screencast.com/t/ywooBq9D7TgT They are now grouped as you mentioned. You must enter this code in Theme panel->Custom Css

.field_5 .option-label {
float:left;
width: 25%!important;
}

Also I will edit your reply and remove the login information you provided for privacy, as this is a forum so other users could use that information.
Thanks