CSS to change button color

  • Resolved dylanpilon

    (@dylanpilon)


    8 years, 9 months ago

    Hello,

    Trying to change the button color of the “Read More” and “Book Now” buttons on https://www.lavenderlashes.net/blog

    I can’t figure out the CSS to do so. I’ve read through a bunch of forums but none of their codes work. I’m wondering if there is something specific to the free Charity Review theme that I need to include.

    Please help!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi there,

    Please see my comment in regards to your other question re:changing the background color. In this case the class you want to address is this one:

    .pillbtn {
    padding: 1em 1.7em;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #fff;
    border: 0;
    border-radius: 30px;
    background: #cb2a2a;
    }

    Again, just remember the caveat about using child themes.

    Also, if you’re using any kind of css plugin – in addition to the standard css files that came with the theme – you may need to look there is you can’t locate the class you’re interested in editing.

    Thread Starter dylanpilon

    (@dylanpilon)

    Hello dbking,

    That worked! When I hover over the button the hover color is still blue. How can I change the hover color of the buttons?

    Thank you again for all your help!

    Thread Starter dylanpilon

    (@dylanpilon)

    I figured it out! I just needed to add the following:

    .pillbtn:hover{background: #bf9ce2;}

    Thanks!

    There you go. Glad it worked for you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS to change button color’ is closed to new replies.