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. -
Hello there,
Could you share the URL of the site you’re working on?
From your description on your topic, it seems that your site is not hosted on WordPress.com but a self-hosted site using the open source WordPress software.
Please be informed that the staff and members of this forum could only help you out with support topics related to WordPress.com sites but not self-hosted WordPress sites as they’re separate entities and independent from each other.
See the differences between WordPress.com and self-hosted WordPress here:
For future self-hosted WordPress issues, you’re recommended to post your questions at the WordPress.org forum and seek help from the experts and volunteer members there. You may need to register an account if you don’t already have one.
- The topic ‘How to make links (text and images) change colour on hover or select’ is closed to new replies.
WordPress.com Forums 