- This topic has 3 replies, 3 voices, and was last updated 13 years, 6 months ago by
.
-
Posts
-
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.
- You must be logged in to reply to this topic.