How to align PayPal buttons horizontally in row(s)? They align vertically :(

#1

Hello,

I have multiple paypal buttons (using shortcodes) on a post. The paypal button are showing vertically and I would like them to display as horizontally in rows (if all buttons dont fit in 1 row).

I think my question is similar to the question asked at https://wordpress.org/support/topic/alignment-of-payment-methods?replies=2

However, i am using PayPal buttons and not the Pro Forms.

e.g.

[s2Member-PayPal-Button sp=“1” ids="" exp=“72” desc="" ps=“paypal” lc="" cc=“USD” dg=“0” ns=“1” custom="" ra=“5” image=“default” output=“button” /]
[s2Member-PayPal-Button sp=“1” ids="" exp=“72” desc="" ps=“paypal” lc="" cc=“USD” dg=“0” ns=“1” custom="" ra=“5” image=“default” output=“button” /]

PayPal Buttons Shortcodes Will Not Line Up?
#2

Try this: put each button in a “div” or “li” HTML tag, and them use CSS to arrange them.

#4

I have a very similar problem Krum…

I’ve been dicking with this thing for the last hour and can’t figure out how to do this…

CSS

button-text {
float: right;
width: 70px;
}

CODE on page

<div class="button-text">Foundation 100 - Presence -</div>
<div class="button-text">
   [s2Member-PayPal-Button level="1" 
   ccaps="foundation100" 
   desc="5 Day Access"  ps="paypal" lc="" 
   cc="USD" dg="0" ns="1" 
   custom="mydomain.com" ta="0" tp="0" tt="D"
   ra="1.99" rp="5" rt="D" rr="BN" rrt="" 
   rra="1" image="http://mydomain.com/wp-content/uploads/2016/05/rent.jpg"
   output="button" /]
</div>

Not working. :-(((((

therror-solution.png891×707 52.6 KB

#5

Please show me the page, so I can play and test.

#6

Krumch,

http://www.tangotopics.com/library/

Have at it.

Right now I’m working on a slightly different variant of your suggestion:

Which solves the problem nicely.

However, now my problem has morphed into how the hell I get my URL to generate from the paypal button.

<a href="[s2Member-PayPal-Button level="1" ccaps="foundation100" 
desc="5 Day Access" ps="paypal" lc="" cc="USD" dg="0" ns="1" 
custom="tangotopics.com" ta="0" tp="0" tt="D" ra="1.99" 
rp="5" rt="D" rr="BN" rrt="" rra="1" output="url"/]">Rent Me</a>

Which doesn’t generate a link the way I thought it would…

#7

Fixed it. Changed all the " to '…on to the next problem…

#8

Late news: This shortcode generates a form, not an URL, so think accordingly.

Great that you fix your problem!