Site logo

Archived topic

Border around product short description (WooCommerce)

5 replies · Started by Marc-Andre on June 4, 2021

Viewing posts 1–6 of 6

Hi GP Team, I'm looking to add a border around the short description of a product on single product page and multiple product page. I'm using your Tasty theme, but it's a feature available in your Seller theme and I don't know how to get it.

For your information, I use the short description to display affiliates products image with custom HTML, that's why I'm looking to add a border on the short description and not the product image.

If possible, what is the best way to easily add this feature?

I'm sorry, I didn't explained myself correctly. I mean the grey border around the product pictures on the shop page (and not the singular product page).

I would like to use a border like that, but around the short description that will be displayed on the shop page. I'm displaying the short description instead of the product image because I use the HTML code provided by Amazon, and it's the only way I actually have to display a product image from them while respecting all their rules.

That's using this CSS:

.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img{
	padding: 3px;
	border: 1px solid rgba(0,0,0,0.1);
	box-sizing: border-box;
}

Perfect, I will try to play with that. Thank you for your support!

No problem :)

This archived topic is closed to new replies.