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

    Hello.

    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.

    #1031086

    Hey Javier,

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

    Best regards,
    Rikard

    #1031486

    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”.

    #1031837

    Hi jbassino,

    Best regards,
    Victoria

    #1031845

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

    #1032361
    #1033235

    Hi,

    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,
    Basilis

    #1033353

    Done!

    #1034504

    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,
    Nikko

    #1035752

    That worked great!! Thanks a lot :)

    #1035836

    Hi,

    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.