Hover Vs. Regular and Multiple Font...
Joshua Nichols
Registered User
13 posts
So on my page titled products-menu I would like to make the text links be two colors gray for the product and orange for the product variant. Then, when I hover over I would like them to both turn blue together. Currently only one color turns blue when the respective color is hovered over. Can I have them be multicolored and still both turn blue at the same time when I hover anywhere in the text box.
Eric Rohloff
Senior Advisor
20,271 posts
Online Now
IHi Joshua,
I think you'll need a little JQuery for that to target all the elements using a class.
Add this to the head of the page.
Add this to the footer of your page
Add a link to JQuery if you don't already have one.
Then add a class customlink to all the links you want to switch color at the same time.
I think you'll need a little JQuery for that to target all the elements using a class.
Add this to the head of the page.
<style>
.hovered{color:#FF0000 !important;}
</style>
.hovered{color:#FF0000 !important;}
</style>
Add this to the footer of your page
<script>
// Changes color on hover
$(function() {
$('.customlink').hover(function(){
$('.customlink').addClass('hovered');
},
function(){
$('.customlink').removeClass('hovered');
});
});
</script>
// Changes color on hover
$(function() {
$('.customlink').hover(function(){
$('.customlink').addClass('hovered');
},
function(){
$('.customlink').removeClass('hovered');
});
});
</script>
Add a link to JQuery if you don't already have one.
Then add a class customlink to all the links you want to switch color at the same time.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
