Read More Buttons Colours

Home Forums Jevelin Theme Read More Buttons Colours

Home Forums Jevelin Theme Read More Buttons Colours

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts
  • Hi,

     

    I am trying to change the colours of the read more buttons as per the screenshot attached which I have tried via the google chrome inspection tool & also yellow pencil and it wont allow me to change both background / text colours.

    I need them to be #8D8D8D when not selected & #9FC13A when hovered over both with #FFF text in them. Please can you provide the additional CSS code to do this as Yellow Pencil I am not having much luck with as I can only get it to do half a job which is not what I need it to do. I keep being directed to this & each time it hasn’t worked which is why I have tested it beforehand on this occasion to speed up the process.

    Attachments:
    You must be logged in to view attached files.

    Hi @the1lackster,

     

    I hope you are well today and thank you for your question.

     

    Could you please share the page URL from your site where it is displaying so that I can help you to change its color?

     

    Best regards,
    Shufflehound team

    Solution for this topic

    You can change its colors by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    #page-container .vc_btn3.vc_btn3-color-juicy-pink, 
    #page-container .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
        color: #fff;
        background-color: #8D8D8D;
    }
    
    #page-container .vc_btn3.vc_btn3-color-juicy-pink:hover, 
    #page-container .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
        color: #fff;
        background-color: #9FC13A;
    }

    That is perfect thank you – Ticket Closed

    You are most welcome here 🙂

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