Search Results for 'css'

Hello Ninhigan,

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

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

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

Thanks for the message!

Hi,

The image opacity gets stuck because of js errors. It is the lazyload animation that breaks first when having a js error. You can simply disable lazyload to get the same effect as the css you use but there could be other parts of the theme affected by the issue.
Generally it is caused by plugin conflicts.

Thank you!

Hello bob,

Sorry, indeed, for module title does not exist any such an option for color. If you want to change it, you should use the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-module-title a{
color:red!important;
}

Thanks.

Hello 13teen,

You should search for these classes in the style.css code if you want to make some changes over there.

Thanks for your understanding!

Hi,

The background header image is defined in the header template file, each header style has this option I believe
– https://www.screencast.com/t/ZXSBuyyA
You could create conditions for each category, if is category set a background image. I did not try something like that, can’t say if it’s possible or not.

There would be another way of doing it, with some CSS. For example using the category ID
– https://www.screencast.com/t/snAWT51EL0vc
You could set a background image with CSS for each category like that.
From what I know there are plans to provide an increased functionality for the header in the future, so maybe something like this will be possible.

Thanks

Hello interfans,

As a quick example, you should try using the code below and place it in Theme panel -> Custom CSS area.

The code is here ->

.td-module-title{
background-color:green;
}

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

If you need a deep customize, notice that you should do it yourself, using the Inspector browser from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hello AlessandroTax,

Use the code below and place it in Theme panel -> Custom CSS Area.

The code is ->

.td_block_12 .td-read-more{
display:none;
}

Thanks.

Hello,

Unfortunately iOS 9 could be too old for the new flex block implementation. We cannot test with older versions of browsers. Unfortunately there is no solution we can provide for older browsers that do not share the compatibility for html 5 and CSS3.

Sorry for the inconvenience.

Hello,

Here is the css needed to remove the image gradient:

.td-grid-style-1 .td-module-thumb a:last-child:before{
display:none!important;
}

You can add it in the theme panel under custom css.

thank you!

Hello,

If you do not want to have a hover effect to your slider, you should check the code below and place it in Theme panel -> Custom CSS area.

.td_block_slide{
pointer-events:none;
}

The result -> https://www.screencast.com/t/mzz06Wtcv

If is not what you mean, provide more details so I will be able to provide a more accurate response.

Thanks.