Return to previous page

How to thicken the border of a selected attribute such as color and size

This topic has 4 replies, 3 voices, and was last updated 2 years, 11 months ago ago by Rose Tyler

Atdhe

Participant

December 20, 2021 at 11:04

Hello, I wanted to know how I can increase the border thickness for the selected attributes such as the color and size, here is a screenshot of the part I am talking about:

https://snipboard.io/cuyNQG.jpg

so the idea is that when someone selects that black color the outer border to be thicker so its easier to notice that it has been selected, the same goes for the shoe sizes below.

I also wanted to know how I can remove the instagram feed only from the Shop page since I do not want it to have any strain on page loading since the shop page is the most visited one and I am hoping by removing the feed that the page will even load faster maybe?

#312545 Copied Theme version: 8.0.10

3 Answers
Olga Barlow

Support staff

December 20, 2021 at 20:05
Hello,

1) Add the below code to Theme Options > Custom CSS
```
.products-grid .content-product .st-swatch-in-loop>.et_st-default-holder .type-color.selected, 
.products-grid .content-product .st-swatch-in-loop>.et_st-default-holder .type-image.selected, 
.st-swatch-preview li.selected {
    border: 2px solid #888;
}
```
2) Go to Pages > edit Shop page > scroll down to 8theme page settings and choose Prefooter > disable.

Regards
#312624 Copied
Atdhe

Participant

December 21, 2021 at 21:09

1. Ok thus worked perfectly.

2. I tried to find the pre footer and set it to disable on the shop page but I couldnt find that option, here is a screenshot ofwhat I have:
https://snipboard.io/YPwBxA.jpg

is it any one of these? and if so what shall I set it to because there is no disable option!?

#312738 Copied

Rose Tyler

Support staff

December 22, 2021 at 08:55

Hello,

Here it is – https://prnt.sc/23zk8jz

Regards

#312747 Copied
Tagged: attribute, border, color, size, themes, thicken, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘How to thicken the border of a selected attribute such as color and size’' has been successfully resolved, and the topic is now closed for further responses

How to thicken the border of a selected attribute such as color and size

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection