Button colour

  • Resolved kochimpulz

    (@kochimpulz)


    5 years, 8 months ago

    Hello. If you add a product to the cart you will get to the next page where you need to fill in your adress, name etc. at bottom of the page you can click on “buy now”. How to make this button full width and the text a little bit bigger and in the middle ?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Hi @kochimpulz!

    Please link me to your site so I can have a quick look.

    Otherwise, see if this CSS code works: 

    #payment .place-order .button {
  background-color: #812736;
}

    Replace #812736 with your preferred hexadecimal color.

    Cheers!

    Thread Starter kochimpulz

    (@kochimpulz)

    https://vegan.kochimpulz.de/

    Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Hi @kochimpulz!

    #place_order {
    font-size: 20px;
}

    You can use width for the width and background-color for background button color.

    Cheers!

    Thread Starter kochimpulz

    (@kochimpulz)

    Ok works fine. And how to edit just for mobile only the width ?

    Plugin Support Thu P. a11n

    (@thup90)

    Hi there,

    To apply the CSS to only mobile, you can wrap it inside the media query, like this:

    @media (max-width: 767px) {

//your CSS goes in here

}

    Hope this helps!

    Plugin Support Missy a11n

    (@m155y5)

    Automattic Happiness Engineer

    We haven’t heard back from you in a while, so I’m going to go ahead and mark this thread as resolved. If you have any other questions please feel free to start a new thread.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Button colour’ is closed to new replies.