We're merging with GenerateBlocks! Learn more here.

[Support request] Read more button

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Read more button

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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.

    #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 🙂

    #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.

    #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!

    #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.

    #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;
    }
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.