Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #1030707


    I wish to center the add to cart button provided with the avia editor’s “product purchase button” but I had no luck, it’s aligned to the left by default. I even tried the Woocommerce add to cart shortcode but It looked even worse.

    Any help will be appreciated.


    Hey Javier,

    Where can we see the element in question on your actual site?

    Best regards,


    This is the sales page:

    I want to place the Add to cart button just below the header text at the top. centered . “En el estudio con Cristobal Orozco”.


    Hi jbassino,

    Best regards,


    Hi Victoria.
    I want to place another one where I explained before. Centered, just below the first header text “EN EL ESTUDIO CON: CRISTOBAL OROZCO”



    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,




    Hi jbassino,

    I have checked Show element options for developers in Enfold > Layout Builder.
    Then added 1/1 Column and in Custom CSS Class, I added this value: .center-section then added a Product Purchase button inside the column.
    Then in Quick CSS located in Enfold > General Styling, I added:

    #top .center-section form.cart,
    #top .center-section .av-woo-purchase-button {
        text-align: center;
    #top .center-section form.cart .button {
        float: none;

    Let us know if this helps.

    Best regards,


    That worked great!! Thanks a lot :)



    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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

The topic ‘Centering Product Purchase Button’ is closed to new replies.