- This topic has 2 replies, 2 voices, and was last updated 12 years, 7 months ago by .
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- You must be logged in to reply to this topic.
Support site for Tips and Tricks HQ premium products
by
Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Troubleshooting › How to align "Add to Cart" button on Products page
Tagged: align payment button, alignment, button
Is there a way to align the “add to cart” button so all of these buttons align vertically on the products page? The # of characters in the title determine the addtocart button position.
The screenshot here, shows the buttons not aligning vertically. I’d like a uniform layout for these fancy7 shortcode styling.
Awaiting a reply
Hi,
You should be able to use CSS tweaks to set a consistent margin or padding.
To do this it is recommended you use firebug to experiment with the CSS code.
See this post for how to use firebug:
I’m familiar with Firebug and I did use it to see how I can align the addtocart button to the right of the estore_fancy7_main div class. In this way, it’ll control the title length without wrapping the text.
I read [http://www.devlounge.net/design/aligning-images-the-right-way-using-css] to find out what code I can use to align the button to the right side of the div
.eStore_fancy7_button{
float: right;
padding: 5px;
height:25px;
}
As such, all I had to do was use the “float: right;” property above.