Change colour of 'view more' clicky
-
Hi Devin! Can I please have a code to keep the ‘view more’ clicky the colour it is on hover? I’d like the ‘view more’ to be blue all the time and change to white on hover. I hope you can help! Many thanks in advance : )
The blog I need help with is: (visible only to logged in users)
-
Hi. This is the selector for the view more area:
.masonry .entry-footer-meta a
For hover, it is:
.masonry .entry-footer-meta a:hover
Just add the color or background properties you’d like to use.
-
I’m sorry Devin, I put in that coding in but nothing happened. Can you please supply me with the full code so I can just copy and paste it as I’m not too knowledgeable about coding. And I’m a dizzy blonde! Thanks :)
-
You’ll want to use the “color” property. As an example, to change the text color to white on hover, you’d use:
.masonry .entry-footer-meta a:hover { color: #fff; }
-
-
I’m not talking about just the text I want to change the small box colour which contains the text ‘view more’ I want the box blue and the text black. Thanks!
-
You can use the background property for that.
Mozilla is a great resource: https://developer.mozilla.org/en-US/docs/Web/CSS/background
Custom CSS is outside the scope of theme support, I’ve just been trying to help out with these small requests
However, I think you’ll need to take it on your own from here.
This is the selector for that area:
.masonry .entry-footer-meta a
This is the selector for hover:
.masonry .entry-footer-meta a:hover
The two properties you’ll be adjusting are either background or color.
Cheers!
-
-
Never mind Devin I received help from live chat. They were very helpful and enlightening and I won’t need to bother you again now I know I can contact them for such things. Thanks for your help so far. Merry Xmas :)
-
- The topic ‘Change colour of 'view more' clicky’ is closed to new replies.