Attributes picture on products

Hello,

1. I can’t figure out, how to change the size on the attribute. It is on the procuts on this page: https://www.geoit.dk/vare-kategori/gamingzoo/

2. Is it possible to have the attribute label where I can add the attributes name on the picture label?

Kind regards

Hello,

I have visited your website. The size of the attribute is big due to the font size.

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.labels-rounded .product-label {
	font-size: 10px;
}

You can set the font size according to your needs.

2) Please provide a relevant screenshot to check it myself and help you out accordingly.

Regard’s.
Xtemos Studios.

Sorry, I didn’t explain myself very well.

1) I want to make only this attribute label bigger (see statached). Is it is called ‘Gamer kategori’ and the particular pictures for attributes are called: Vild, Vildere, Vildest

2) In the picture I have attached; I want the attribute name to be on it.

Kind regards

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

1) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

span.attribute-label.product-label.label-term-vildere.label-attribute-pa_gamer-kategori.label-with-img img {
	height: 50px;
}

.labels-rounded .label-with-img {
	max-width: 100px;
}

2) Sorry but there is no option to display as you mentioned in the screenshot.

Regard’s.
Xtemos Studios.

Okay, thank you. It worked. 🙂

A little problem. On the shop site the size is not right. It is a little too high. But on the product page it is perfect. I have attached pictures. How can I make the label on the shop page be

Attachments:

You must be logged in to view attached files.

Also, how do I move the picture-label, so it is first of all the labels? 🙂

Hello,

You are Most Welcome.

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woodmart-archive-shop .labels-rounded .label-with-img {
	max-width: 86px;
}

.woodmart-archive-shop span.attribute-label.product-label.label-term-vildere.label-attribute-pa_gamer-kategori.label-with-img img {
	height: 38.5px;
}

The above CSS will work for only the shop pages.

2) You can try setting the ordering for the attributes by editing them.

Best Regards.

1) It just made the size smaller. Still have the same problem.

2) I can’t figure out how to do it. It is already costumized sorting.

Kind regards

Hello,

You asked about using different sizes labels for the shop page, that’s why I provided the CSS.

You can adjust the sizes according to your needs.

2) Sorry but this is the default WooCommerce functionality and our theme doesn’t influence.

These are the only sorting options provided by WooCommerce.

Best Regards.

[Author]

Posts