Read more button – WP Show Posts

Tagged: button styling

This topic has 5 replies, 2 voices, and was last updated 4 years, 7 months ago by Tom.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
February 12, 2019 at 8:31 am #7748

Hans
Participant

Hi there,

Thanks for a great plugin. Works awesome! I have a few questions

1) Is it possible to add a arrow icon into the Read More button behind the tekst?

2) I have set the Image Hover Effect to grayscale. Works fine, but when i hover on the Read More button the grayscale effect turns to color?!! A bug or did i miss something?

Thanks.

February 12, 2019 at 6:25 pm #7752

Tom
Keymaster

Hi there,

1. Any examples I can look at? Not sure what you mean by behind the text.

2. The image hover only happens when you hover over the image itself. If you can link me to your site I might be able to give you some custom CSS.

Let me know 🙂

February 13, 2019 at 4:29 am #7759

Hans
Participant

Hi Tom,

1.look at the homepage: http://dev.grifontwerp.nl/ There are two examples of what i mean. (created with BB)

2 http://dev.grifontwerp.nl/werk/ When you hover over the image, the grayscale effect kicks in. But when you hover over de Read more (Bekijk project) button, the image changes to full color. I don’t like this.

Thanks.

February 13, 2019 at 4:51 pm #7772
Tom
Keymaster
1. We can definitely do this, but where would the icon come from? Does your site have Font Awesome added to it?

2. Try adding this CSS:
```
.wp-show-posts-inner:hover img {
    -moz-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: all .1s;
}
```
We’ll try to get that fixed in the official 1.0 release.

Thanks!
February 14, 2019 at 2:09 am #7775

Hans
Participant

Hi Tom,

Thanks for your reply.

1) Huh…? I would not know. In the site i created a button with icon with BB. Where does BB get the icon from? But if i understand it right i must add FontAwesome to the site. How can i do this? And, maybe a simple question, did BB already add FA to the site?

2) Works perfect. Thanks a lot.

February 14, 2019 at 6:44 pm #7787
Tom
Keymaster
1. Yes, I think BB adds Font Awesome to your site by default. However, I think it only adds it to pages you’re using BB on, so if you’re doing this on a non-BB page, you’d need to add it: https://wordpress.org/plugins/font-awesome

Then you could do this:
```
.wpsp-read-more a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    padding-left: 10px;
}
```
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

[Support request] Read more button