Align Centering The Encrypted Download Button Universally

[RodeThisBeatDotCom]

When The “Add To Cart” Button Shortcode Is Place In Centering Html It Works Flawlessly But The “Download” Button Shortcode, Left Aligns Even In Centering Html Code. Where & How Can I Edit It To Be Centered At All Times???

[Peter]

Please post the link to the page containing the button you are referring to.

[RodeThisBeatDotCom]

[http://www.rodethisbeat.com/?p=1427]

[admin]

If you look at the HTML you will see that the download button is not inside the paragraph that is aligned center. That paragraph tag ends after the “$FR.EE” string. Add another paragraph with “align=center” property for the download now button.

[RodeThisBeatDotCom]

Actually It Is In The Paragraph Align Center. There Isn’t A Formula Or Function I Can Edit Within The Plugin 2 Get It Straight?

[Peter]

The following post should be helpful:

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

Alternatively, Try adding the following code to your wp_eStore_custom_style.css file:

.download_now_button {

text-align:center;

}

(I just tried the above in firebug and it works)

[RodeThisBeatDotCom]

Yep, That Did It!!! Thanks Y’all!!!

[Prateek]

I have a similar problem with the following shortcode…. it left alligns instead of center alligning as it should

pls advise

[wp_eStore_buy_now_for_specific_gateway id=”3″ gateway=”tpsl”]

[Peter]

Please provide a link to your page so we can take a look with firebug – we usually ask for this because each individual site has different behaviours due to the theme and other plugins.

[Prateek]

here’s the link >> [http://www.carbiz.in/awesome-deals/emergency-roadside-assistance]

thanx

[Peter]

By inserting the following CSS code into the wp_eStore_custom_style.css file your button should align itself to the center:

.wppg-eStore-buy-button-submit{

display: block !important;

margin-left: auto !important;

margin-right: auto !important;

}

[Prateek]

Thank you Peter… the button has moved to the centre… but the custom field is still left aligned

Can you help with that as well…

thank you in advance

[Peter]

Ok, try the following:

.eStore_text_input, .wppg-eStore-buy-button-submit {

display: block !important;

margin-left: auto !important;

margin-right: auto !important;

}

[Prateek]

Hi Peter… didnt quite work …. take a look… now the input box is centered but the preceding text is not….

Rgds

[admin]

Use the following CSS to center the whole form:

.wppg-eStore-buy-button-form{

display: block !important;

margin-left: auto !important;

margin-right: auto !important;

width:400px;

}

Alternatively, use the shortcode like the following (go to the “Text/HTML” view of the WordPress page editor to enter the code below):

<div style="text-align:center;">

[wp_eStore_buy_now_for_specific_gateway ....]

</div>

[Author]

Posts