Button align center: css - by Bookzs-Myra

This topic has 8 replies, 3 voices, and was last updated 9 years, 11 months ago ago by Eva Kemp

  • Avatar: Bookzs-Myra
    Bookzs-Myra
    Participant
    December 3, 2014 at 17:34

    Hi,
    I would like the button “proceed to checkout’ in the shopping cart, smaller and centered.
    I added css:

    .checkout-button {
    width: 60% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    }

    But that doesn’t work. Can you help?
    Regards, Myra

    7 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    December 3, 2014 at 18:02

    Hello,

    Please edit your code to this one:

    .checkout-button {
        width: 60% !important;
        margin-left: auto !important;
        margin-right: 60px !important;
    }

    Regards,
    Eva Kemp.

    Avatar: Bookzs-Myra
    Bookzs-Myra
    Participant
    December 3, 2014 at 20:19

    Hi Eva,

    thank you, is looking good. Though, I had deleted the text above, earlier I used this css but now it doesn’t seem to work anymore:

    .cart_totals table +p {
    float: left;
    display: none !important;
    }

    Regards, Myra

    Avatar: Robert Hall
    Robert Hall
    Support staff
    December 3, 2014 at 20:28

    Hello,

    Could you please clarify with more details what exactly you want to do and show us screenshots?

    Regards,
    Robert Hall.

    Avatar: Bookzs-Myra
    Bookzs-Myra
    Participant
    December 9, 2014 at 11:09

    Hi,

    in the shopping card (http://www.bookzs.nl/winkelwagen/) I want to delete:
    “Note: Shipping and taxes are estimated and will be updated during checkout based on your billing and shipping information.”

    Here a screenshot: http://awesomescreenshot.com/0cd3zvmk7f

    When I add this css in the editor, it doesn’t work:

    .cart_totals table +p {
    float: left;
    display: none !important;
    }

    Thank you,
    Regards, Myra

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    December 9, 2014 at 11:33

    Hello,

    I’ve added following code into style.css file of the Child Theme. Check it.

    .cart_totals small{
    display:none;
    }

    Regards,
    Robert Hall.

    Avatar: Bookzs-Myra
    Bookzs-Myra
    Participant
    December 9, 2014 at 11:52

    Checked. Thank you!

    Avatar: Eva
    Eva Kemp
    Support staff
    December 9, 2014 at 13:09

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Button align center: css’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.