PayPal and View Cart alignment questions

[pjspics]

Hi,
I use the PayPal and View Cart buttons configured in the CSS and Custom Header rather than in any Gallery description or text field.
What I am trying to do is get them aligned side by side as they are currently one above the other.
Is this possible?
Also is there a way of getting them on the right of the page rather than the left so they are above the photograph that you are purchasing.

Current button view example - http://www.paul-griffiths.net/gallery/5945552_hdGfq#373328480_Qejbm

[Allen]

Hi,
I use the PayPal and View Cart buttons configured in the CSS and Custom Header rather than in any Gallery description or text field.
What I am trying to do is get them aligned side by side as they are currently one above the other.
Is this possible?
Also is there a way of getting them on the right of the page rather than the left so they are above the photograph that you are purchasing.

Current button view example - http://www.paul-griffiths.net/gallery/5945552_hdGfq#373328480_Qejbm
Are these two buttons on every gallery page? The reason is if they are you
don't need to list every gallery in your CSS. It would take a lot less CSS
doing it in reverse. It seems like it's used on many more galleries then not.
Take a ponder at this CSS. Will need positioning in singleImage galleries.

/* Turn paypalButton button off by default */
.paypalButton {display:none;}

/* turn on in all Smugmug style galleries */
.smugmug .paypalButton {
display: block;
position: relative;
top: 35px;
text-align: right;
margin-right: 24px;
}

.singleImage .paypalButton {
display: block;
position: relative;
width: 140px;
left: 380px;
top:35px;
margin: 0 auto;
}

/* Then turn off specific galleries */
.gallery_6434668 .paypalButton {display:none;}


/* Turn paypalcart button off for galleries by default */
.cart {display:none;}

/* turn on in all Smugmug style galleries */
.smugmug .cart {
display: block;
position: relative;
left: -80px;
top: 0px;
text-align: right;
margin-right: 24px;
}

.singleImage .cart {
display: block;
position: relative;
width: 140px;
left: 240px;
margin: 0 auto;
}

/* Then turn off individual galleries */
.gallery_6434668 .cart {display:none;}

/* descrease gap below buttons */
#smugmug.smugmug.smugmug_ajax {
margin-top: 0;
}

[pjspics]

Are these two buttons on every gallery page? The reason is if they are you
don't need to list every gallery in your CSS. It would take a lot less CSS
doing it in reverse. It seems like it's used on many more galleries then not.
Take a ponder at this CSS. Will need positioning in singleImage galleries.

/* Turn paypalButton button off by default */
.paypalButton {display:none;}

/* turn on in all Smugmug style galleries */
.smugmug .paypalButton {
display: block;
position: relative;
top: 35px;
text-align: right;
margin-right: 24px;
}

.singleImage .paypalButton {
display: block;
position: relative;
width: 140px;
left: 380px;
top:35px;
margin: 0 auto;
}

/* Then turn off specific galleries */
.gallery_6434668 .paypalButton {display:none;}


/* Turn paypalcart button off for galleries by default */
.cart {display:none;}

/* turn on in all Smugmug style galleries */
.smugmug .cart {
display: block;
position: relative;
left: -80px;
top: 0px;
text-align: right;
margin-right: 24px;
}

.singleImage .cart {
display: block;
position: relative;
width: 140px;
left: 240px;
margin: 0 auto;
}

/* Then turn off individual galleries */
.gallery_6434668 .cart {display:none;}

/* descrease gap below buttons */
#smugmug.smugmug.smugmug_ajax {
margin-top: 0;
}

Perfect as usual...
One more question on this one.
How would I switch off the buttons for my Popular gallery.
As this does not have a gallery number as such rather the name of 'popular' and can be viewed in any style, how can I ensure that the buttons will be disabled if Smugmug style is used?

[Allen]

Perfect as usual...
One more question on this one.
How would I switch off the buttons for my Popular gallery.
As this does not have a gallery number as such rather the name of 'popular' and can be viewed in any style, how can I ensure that the buttons will be disabled if Smugmug style is used?
How about any keyword gallery also?

.keywordPage .paypalButton,
.popularGallery .paypalButton {display:none;}

[pjspics]

How about any keyword gallery also?

.keywordPage .paypalButton,
.popularGallery .paypalButton {display:none;}

Thanks Allen, forgot about that one.
That removes the Paypal button, but whats the code that removes the 'View Cart' button?

[pjspics]

Thanks Allen, forgot about that one.
That removes the Paypal button, but whats the code that removes the 'View Cart' button?

Sorry Allen, forgot to add this as reference...

http://www.paul-griffiths.net/popular/1/315700892_Gzabi/Original

Trying to remove the Cart button from the Most Popular when a thumbnail is selected.

[pjspics]

Sorry Allen, forgot to add this as reference...

http://www.paul-griffiths.net/popular/1/315700892_Gzabi/Original

Trying to remove the Cart button from the Most Popular when a thumbnail is selected.

Allen,
I have had to revert back to my original setup with listing in CSS the galleries where I want the Paypal buttons rather than list the Galleries where I don't want the buttons as they are showing up in a number of places and I can't seem to be able to remove them.
Example being when I look at my Popular Photos we managed to remove the Paypal buttons when viewing all thumbs, but when a thumb is selected the Paypal buttons are then visible on the large single view.
What would be ideal is for me to leave it as is at present and just find a way of moving the buttons to the right of the page and having them next to each other rather than on top of each other.
Sorry I can't give you a link to the problem with the buttons as I have changed back to the original setup.
Is there a way of just getting the buttons to line up and show on the right of the page?
I thought the original code you gave me might do that but as it is they are now back on the left as shown here even though I have left the code in my CSS:
http://pjspics.smugmug.com/gallery/5326641_2Wytp#350560548_vyeXY

[Allen]

Allen,
I have had to revert back to my original setup with listing in CSS the galleries where I want the Paypal buttons rather than list the Galleries where I don't want the buttons as they are showing up in a number of places and I can't seem to be able to remove them.
Example being when I look at my Popular Photos we managed to remove the Paypal buttons when viewing all thumbs, but when a thumb is selected the Paypal buttons are then visible on the large single view.
What would be ideal is for me to leave it as is at present and just find a way of moving the buttons to the right of the page and having them next to each other rather than on top of each other.
Sorry I can't give you a link to the problem with the buttons as I have changed back to the original setup.
Is there a way of just getting the buttons to line up and show on the right of the page?
I thought the original code you gave me might do that but as it is they are now back on the left as shown here even though I have left the code in my CSS:
http://pjspics.smugmug.com/gallery/5326641_2Wytp#350560548_vyeXY
These should align it in all your galleries. The first of each set covers all
pages except the smugmug style galleries. Might need some adjustments.

.paypalButton {
display: block;
position: relative;
width: 140px;
left: 380px;
top:35px;
margin: 0 auto;
}

.smugmug .paypalButton {
display: block;
position: relative;
top: 35px;
text-align: right;
margin-right: 24px;
}

.cart {
display: block;
position: relative;
width: 140px;
left: 240px;
margin: 0 auto;
}

.smugmug .cart {
display: block;
position: relative;
left: -80px;
top: 0px;
text-align: right;
margin-right: 24px;
}