- This topic has 3 replies, 3 voices, and was last updated 13 years, 1 month ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 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 Tweaks › I want 2 Buy Now buttons side by side
Tagged: button modification
I have a relatively simple problem for you.
When I add in the “Buy Now” type button short code like so:
[wp_eStore_buy_now:product_id:1:end] $2.99
It will look something like this:
[BUTTON]
$2.99
If I want two buttons, I would have to do this for both to show up:
[wp_eStore_buy_now:product_id:1:end] $2.99
[wp_eStore_buy_now:product_id:2:end] $2.99
Which will obviously come out like this on my post or page:
[BUTTON]
$2.99
[BUTTON]
$2.99
What do I need to edit to make it look like this?:
[BUTTON] $2.99
As well as:
[BUTTON] $2.99 [BUTTON] $2.99
Thank you in advance!
This requires a bit of CSS knowledge but essentially you can wrap the buttons in a float left div to stack them side by side. Copy and paste the following in the “HTML View” of your editor (this is HTML code so need to be pasted in HTML view) and it should do the job.
<div style="float:left;">
[wp_eStore_buy_now:product_id:1:end]
</div>
<div style="float:left;">
$2.99
</div>
<div style="float:left;">
[wp_eStore_buy_now:product_id:2:end]
</div>
<div style="float:left;">
$2.99
</div>
<div style="clear:both;"></div>
Essentially you are just wrapping every element in a float left div and then finally clearing the float using a clear float at the end.
Awesome! Thanks!
Very awesome, thanks! I love stuff like that.