[luismarioochoa]

Hello,

I recently installed some PAYPAL buttons but they show borders and lines that I would like to get rid of so that the page looks clean. Here are two urls of the two pages where I installed PAYPAL buttons.

https://bloomrestaurant.com/electronic-gift-certificate/

https://bloomrestaurant.com/gift-certificates/

Thank you

[Skandha]

@luismarioochoa: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.entry-content td, .comment-content td {
	border-top: none !important;
}
.entry-content table, .comment-content table {
	border-bottom: none !important;
}
input[type="image"] {
	border:none;
}

Let me know if this is what you want!
Kind Regards,
Skandha

[luismarioochoa]

Thank you for your response, it helped in part. Still the ‘Add To Cart’ buttons show a square frame around their images that I need to get rid of. See the urls:

https://bloomrestaurant.com/electronic-gift-certificate/
https://bloomrestaurant.com/gift-certificates/

Thank you

Luis

[Skandha]

@luismarioochoa: The following code should work out.

input[type="image"] {
	border:none;
}

You seem to have added input[type="image"].

Let me know if this works out!
Kind Regards,
Skandha

[luismarioochoa]

Dear Skandha,

Thank you very much, it worked great!

Is there a way I can reduce the top and bottom margins from the word restaurant (end of top paragraph) to Make Your Pick, as well as the distance from the price box to the Add To Cart button on this page?

https://bloomrestaurant.com/electronic-gift-certificate/

And the Image and Add to Cart in this second page?

https://bloomrestaurant.com/gift-certificates/

Thank you

Luis

[Skandha]

@luismarioochoa: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#post-8168 .entry-content p {
	margin-bottom:0;
}
table {
	margin-bottom:0 !important;
}

Let me know if this is what you want!
Kind Regards,
Skandha

[luismarioochoa]

Hi Skandha,

It worked very well in one page https://bloomrestaurant.com/electronic-gift-certificate/ but not in the second one: https://bloomrestaurant.com/gift-certificates/

Is there a way I could Bold the Make Your Pick and bring the Add To Cart even closer up to the price box?
https://bloomrestaurant.com/electronic-gift-certificate/

Thank you so much

Luis

[Skandha]

@luismarioochoa: It would be easier to make the text bold if you gave <td>Make Your Pick </td> a class like <td class=pick>Make Your Pick</td> then you could add the following Code

.pick {
     font-weight:bold;
}

To move the add to cart button even closer up to the price box remove the <br> after
<input name="currency_code" type="hidden" value="CAD">

Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts