Hi support team,
I would like for the background color of the whole icon box to change to black on hover. Please kindly advise how can I do it.
Thank you,
Jasmine
Also, may I know how to add more icons to the existing collection in the icon box?
Thanks!
Hello,
You can set the hover on the icon, title and button => https://www.screencast.com/t/SybQm8BUF , but for making the whole icon box to black on hover, you need to use a custom CSS => https://www.screencast.com/t/Uuld1Zr1y
The code you can insert in Theme Panel -> Custom Code -> Custom CSS => https://www.screencast.com/t/lryYSSg6gk
The code is:
.tdm_block_icon_box:hover, .tdm_block_icon_box:hover .tdm-title
{
background-color: black;
color: #fff;
}
Hope this helps you!
Thank you!
Hi Anamaria,
That worked! Thank you very much!
One more thing – is it possible to link the whole icon box when clicked instead of clicking on the ‘read more’ button?
Hi,
Unfortunately, there is no setting to put a link for the entire icon box.
Thank you for your understanding!
Hi Anamaria,
Noted with thanks. With regards to the icon box background color:
.tdm_block_icon_box:hover, .tdm_block_icon_box:hover .tdm-title
{
background-color: black;
color: #fff;
}
If I do not need all icon boxes to have black background, just a selected few, how should I do it?
Thank you,
Jasmine
Hi,
If you have more icon box, you need to add an extra class on the icon box which you want to be black on hover and add the class in code.
https://www.screencast.com/t/hXKYsfVL3 -> https://www.screencast.com/t/pacN5OFUoAOa
The example code is:
.icon_2:hover, .icon_2:hover .tdm-title
{
background-color: black;
color: #fff;
}
Hope this helps you!
Thank you!
