Return to previous page

Custom Style for credit card payment section

This topic has 5 replies, 3 voices, and was last updated 9 years, 11 months ago ago by Robert Hall

  • Avatar: andre@nuhouse.ie
    Andre
    Participant
    June 24, 2015 at 09:29

    Hello i am trying to tidy up the payment block on my site, everything seems to be scattered all over the place. Is there any chance i could align everything to the right so that there is a bit of structure on the payment block: http://prntscr.com/7kobwg

    Actual Page:https://www.marygrant.com/checkout/

    #71205 Copied Theme version: Latest WooCommerce version: Latest
    4 Answers
    Avatar: andre@nuhouse.ie
    Andre
    Participant
    June 24, 2015 at 09:31

    Or even align to the left whatever you think would look best?

    #71206 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    June 24, 2015 at 11:04

    Hello,

    Please add this code in Theme Options > Custom CSS > Global Custom CSS:

    .payment_methods p {
    margin-left: 7px !important;
}
.woocommerce-select {width: 100% !important;}
    .payment_methods li label {
   padding-left: 11px !important;
}

    Regards,
    Eva Kemp.

    #71252 Copied
    Avatar: andre@nuhouse.ie
    Andre
    Participant
    June 24, 2015 at 15:28

    Brilliant Eva that looks brilliant now.

    #71366 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    June 24, 2015 at 15:38

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

    #71372 Copied
  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Custom Style for credit card payment section’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Default RTL – WordPress WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template
lazy-placeholder
Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme

See All Templates

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