Hi,
I am having difficulties changing these colors. I have no idea where this .td_uid comes from?
.td_uid_12_55158e6f3cff7_rand .td_module_wrap:hover .entry-title a, .td_uid_12_55158e6f3cff7_rand .td-load-more-wrap a:hover { color: #ffffff; }
.td_uid_11_55158e6f2c6f2_rand .td-next-prev-wrap a:hover i { background-color: #ffffff; color: #ffffff; }
I have tried adding these lines to the custom CSS, but it doesn’t work. They refuse to change even if I add !important;
Thanks
Best Regards
Hi,
You can change color style that you use on blocks from settings: http://screencast.com/t/s1Pcw1n77b6 and you can change these settings from Theme Panel > Block Settings: http://screencast.com/t/VX7fRahw
If you want to change it using css code, you can target block/module that you are using like this: http://screencast.com/t/Ug6arbBHlrj
.td_block_11 .td_module_wrap:hover .entry-title a,.td_block_11 .td-load-more-wrap a:hover{
color: red !important;
}
Also for next/prev buttons: http://screencast.com/t/Pv5kp9RhRe
.td_block_11 .td-next-prev-wrap i:hover{
color: red !important;
background: yellow;
}
Hope this helps!
Hi,
The CSS code doesn’t work!
My settings are on default, but somehow this code: .td_uid_12_55158e6f3cff7_rand .td_module_wrap:hover .entry-title a, .td_uid_12_55158e6f3cff7_rand .td-load-more-wrap a:hover { color: #ffffff; } is changing the button color to white when you hover on them…
I have tried making the changes through CSS but with no effect. Also tried deactivating caching, but nothing happens!
I would love to find this code and remove it completely: .td_uid_12_55158e6f3cff7_rand .td_module_wrap:hover .entry-title a, .td_uid_12_55158e6f3cff7_rand .td-load-more-wrap a:hover
Thanks
The problem is in the file called td_block_template_1.
Apparently it is rendering a white color for the default blocks with @header_color;
I have no idea how to change that color. For now I just exchanged @header_color; to #000000; which seems to work.
Hi,
Please provide a link so I can take a look and specify which block are you using. The above code is an example how to target the block as you did not say block that you are using. Also like I said above you can set a color style for your blocks and make your changes in Theme Panel.
Thanks!
Okay,
Thanks! The URL is https://www.designworld.se
Hi,
You did not specify the block, but I made this for block 7 from sidebar: http://screencast.com/t/caqvvtsq0M – http://screencast.com/t/pcsgdzxI
.home .td-main-sidebar .td_block_7 .td_module_wrap:hover .entry-title a{
color: red !important;
}
.home .td-main-sidebar .td_block_7 .td-next-prev-wrap i:hover{
color: red !important;
background: yellow !important;
}
Those classes that you wanted to target are change automatically on refresh.
Hope this helps!
Okay, thank you very much!
