How to make links (text and images) change colour on hover or select
-
Firstly: My TEXT links background already turn black when hovered over (actual text remains same colour) but they don’t change colour when activated (tapped or clicked). I want them to.
Secondly: None of my image links change colour on hover or activated. I want them to. Hovering is pointless on touch screens so I need people to know the link is activated after tapping/clicking.
I’m using the Shopisle child Theme. In the shopisle-child: Stylesheet (style.css) there are these codes:
a:link {
color: blue;
background-color: transparent;
text-decoration: underline;
}
a:hover {
color: black ;
background-color: #def ;
}
I assumed that’s where the instruction for the black background on hover was and where I would put code for changing the image colour. However, even when I changed the ‘black’ to ‘red’ in the a.hover part, it didn’t work.
So, can you give me the exact code for hover and active for BOTH images and text, for the WHOLE of my website. Layman’s terms please, step by step. I’m new at this. Thanks in advance. -
Hey there,
Can you please provide the URL for the website in question? That way we can have a look at what you have currently and compare against what you wanting to achieve.
I look forward to your response!
Cheers
-
Just noticing now this is a duplicate post that was previously answered here: https://en.forums.wordpress.com/topic/how-to-make-links-text-and-images-change-colour-on-hover-or-select/.
For all further communication please refer to the above link.
- The topic ‘How to make links (text and images) change colour on hover or select’ is closed to new replies.
WordPress.com Forums 