Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

Centering Add To Cart Fancy 6 Button

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › Centering Add To Cart Fancy 6 Button

Tagged: centering buttons, css, customize

  • This topic has 8 replies, 5 voices, and was last updated 10 years, 7 months ago by admin.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 13, 2013 at 11:29 pm #9067
    Timothy
    Member

    How do I center the add to cart button at the bottom of a page? For instance: [http://fairytalesforchildren.com/blowing-bubbles-in-the-wind/]

    I have 50 more purchase pages like this one too!

    Thank you!

    May 14, 2013 at 12:59 am #55591
    wpCommerce
    Moderator

    Hi, What shortcode are you using on that page to show the add to cart button?

    May 14, 2013 at 8:07 pm #55592
    Timothy
    Member

    [wp_eStore_category_products_fancy id=6 style=4 order=1 type=1]

    May 15, 2013 at 12:55 am #55593
    wpCommerce
    Moderator

    Hi, It’s not the same fancy style that I saw yesterday. Do you want to align the button for the one you are currently using?

    May 15, 2013 at 3:07 am #55594
    Timothy
    Member

    Sorry, I was experimenting with some alternatives.

    This is the code I’d like to center: [wp_eStore_fancy6 id=50] as shown at

    [http://fairytalesforchildren.com/worry-mort/]

    Thank you!

    May 15, 2013 at 12:26 pm #55595
    Peter
    Member

    Hi,

    The following code should center your button. Just paste it into the custom CSS file of the eStore plugin (wp_eStore_custom_style.css):

    .eStore_add_to_cart_button{
    float: none !important;
    display: block !important;
    width: 100px !important;
    }

    .eStore_fancy6 input {
    margin: auto !important;
    }

    May 15, 2013 at 4:27 pm #55596
    Timothy
    Member

    Thank you!

    September 25, 2014 at 10:47 am #55597
    Jennifer Segerius
    Member

    Hi,

    Would you be kind enough to give me the centering code for the following:

    [wp_eStore_buy_now_button id=1]

    Thank you!

    September 25, 2014 at 11:31 pm #55598
    admin
    Keymaster

    Hi Jennifer, Grab this plugin:

    https://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

    Use the following CSS code in there:

    .eStore_pp_buy_now_wrapper{
    text-align: center;
    }

    The following post should be helpful too:

    https://support.tipsandtricks-hq.com/forums/topic/center-simply-add-to-cart-button

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ