Tagged: classes, CSS, mouse-over, span
First thanks for such an amazing theme and amazing support! I am having issues with something I feel shouldnt be so hard but all the CSS I try is not working.
Currently all the links on the site are red and go to black when you hover. I have a page where I am using a popup function that made me add <span class> into each link with the pop up ID’s – Currently when you view this following page you will see the links are red and do not go black on mouseover – is there some quick css to make these links change to black? Or to set the <span class> to change?
(link added to private content)
code:
Thanks again!
Hey Kacey,
Please try the following in Quick CSS under Enfold->General Styling:
span.popmake-1000:hover {
color:#000 !important;
}
Best regards,
Rikard
Hello.
Thanks for you the reply and your time to help on this! I have added in the new CSS and it has worked for the link – just what i was looking for thanks!
So then I would have to add in a span.popmake-{ID}:hover for each link i have?
Hi,
I couldn’t load your site just now, but if they all have separate id’s then I think so yes. Unless you can target an element above them in the DOM tree? For instance:
.element-above-your-spans span {
color:#000 !important;
}
Best regards,
Rikard
Nevermind I found on a different topic the answer. I added the following to my functions which fixed the issue:
add_theme_support(‘avia_no_session_support’);
Sorry to bother! Thanks again for your great support!
Hi,
I’m glad you got this worked out. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon