Hi there,
I would like to have the hover color of the Tab Section icon and title to change to red on mouse hover. I have tried the following CSS but it doesn’t seem to work;
.av-tab-section-icon span:hover {
color: red;
}
Is this possible?
Hey Suze,
Thank you for the inquiry.
We can change the color of the title on hover but not the image. Please add the following code in the Quick CSS field and make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings.
#top .av-section-tab-title:hover .av-outer-tab-title {
color: red;
}
Best regards,
Ismael
Thanks Ismael. This worked for the title.
I’m not sure about your comment “toggle or temporarily disable the Enfold > Performance > File Compression settings.”
Is this in reference to the “CSS file merging and compression” toggle? And if so, should it be Enabled or Disabled? It is currently set to Enable.
Hi Suze,
Thank you for the update.
Is this in reference to the “CSS file merging and compression” toggle?
Yes, you have to keep the file compression settings disabled while editing the site. You can enable it back when you are all done.
Best regards,
Ismael
Is there any chance you might have a link to share so I can learn more about this function? I’ve searched Enfold but could only find support tickets for errors. I’m keen to learn how, when, and why to use this function.
Thank you so much for your awesome support Ismael and Enfold team : )
This can now be closed.
Hi,
Thanks for the update. We don’t have any documentation on that unfortunately, but when it’s active, it will combine all CSS and JS files into one file each. If you add CSS or change settings in the theme, it might have to be toggled or turned off temporarily for the changes to take effect.
Best regards,
Rikard