Change colour of 'view more' clicky

leonazombie · Member · December 16, 2017 at 9:40 pm
Copy link

Add topic to favorites
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)
whereisdevin · Theme Author · December 17, 2017 at 9:17 pm
Copy link
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.
leonazombie · Member · December 17, 2017 at 10:55 pm
Copy link
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 :)
whereisdevin · Theme Author · December 20, 2017 at 4:49 am
Copy link
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;
}
```
leonazombie · Member · December 20, 2017 at 9:06 pm
Copy link
That doesn’t do what I asked for, actually it did nothing!
leonazombie · Member · December 20, 2017 at 9:49 pm
Copy link
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!
whereisdevin · Theme Author · December 21, 2017 at 10:59 pm
Copy link
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!
leonazombie · Member · December 21, 2017 at 11:47 pm
Copy link
Are you saying I’m asking for help I shouldn’t be? I’m confused.
leonazombie · Member · December 22, 2017 at 12:38 am
Copy link
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 :)
whereisdevin · Theme Author · December 22, 2017 at 4:53 pm
Copy link
Great, glad they were able to help out!

The topic ‘Change colour of 'view more' clicky’ is closed to new replies.

WordPress.com forums

Change colour of 'view more' clicky