Hey guys,
My page is http://www.neverskipriding.com
I would love to highlight the text for every module on the Home page.
For the:
Revolution slider
Big Grids Full 3
Blocks 5
Basically, I want to have the opposite color under the text. If you can help me make the text bigger and bolder it will be cool. I know there are the font settings but it’s hard to find a way.
https://www.screencast.com/t/r73VNy3blLW
Have a good one,
David
Hi,
First the fonts, for the full big grids 3 you use the font properties can be customized here
– https://www.screencast.com/t/gbY2nwPU
– https://www.screencast.com/t/qamE5MPm
Block 5 article title fonts can be customized here
– https://www.screencast.com/t/46oYbP1Lyn
Block 14 below the grids here – https://www.screencast.com/t/yIWedQvKESH
Here you can find a table mentioning what modules each element uses, to make it easier to customize them
– https://forum.tagdiv.com/theme-blocks-modules/
Now I am assuming you want to make the article titles have a background color when the module is hovered, for the grids and block 14 below. Something like this
– https://www.screencast.com/t/jrN4faZKs
This is the code used, it must be entered in Theme panel->Custom CSS
.td_block_big_grid_fl_3 .td_module_mx20:hover .entry-title a {
background-color: black;
}
.td_block_14 .td_module_mx1:hover .entry-title a {
background-color: black;
}
The slider it seems to be displaying like this at the moment
– https://www.screencast.com/t/vH3LHCIV
If you want to invert the colors when hovered it will look like this
– https://www.screencast.com/t/vG1WZuQID
This is the code for the slider titles
.tp-revslider-mainul:hover .PostSlider-Title {
color: black!important;
background-color: white!important;
border-color: black!important;
}
Please correct me if I misunderstand what you wanted to do, I will provide different solutions if needed.
Thanks
I wanted to change the text in revolution slider in the same way as the big grids. Sorry, I have written it wrong, It should be white text and black highlights too.
Hey, I just tested it. Thanks for the help! The font size is already changed and it looks great 🙂
I tested the black highlight of the text and it isn’t exactly what I wanted but we can change it a little bit more:
– default white font and black highlight (backgrounds), when the module has hovered It will be red (If I could be able to change the shade of red, it would be lovely
something like this – https://www.screencast.com/t/mywBUWmYLoN1
Umm it seems there is a shadow effect in the big grids it’s possible to turn them off too?
– we can skip the Revolution slider, I am going to make some red font for it,… that will be nicer))
Hello David Langer,
Try to use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.td_block_big_grid_fl_3 .td_module_mx20:hover .entry-title a {
background-color:transparent;
}
The result is here -> https://www.screencast.com/t/HSn6alOEmB
Thanks for the message!
