Return to previous page

Highlight in the chosen variations - by Michael

This topic has 11 replies, 3 voices, and was last updated 5 years, 5 months ago ago by Michael

Michael

Participant

June 23, 2020 at 16:46

Hello good afternoon!
I tried to modify the css for when a person selects the chosen option, the name appears below or highlights it, but nothing is certain, can you help me?

#241855 Copied Theme version: 6.3.5 WooCommerce version: 4.2.0

10 Answers

Rose Tyler

Support staff

June 24, 2020 at 07:12

Hello,

Please provide a screenshot for a better understanding the desired result.

Regards

#241902 Copied

Michael

Participant

June 24, 2020 at 19:40

I wanted it when I chose variation and it was small like that, just like lime green edges. but kept as borders when it has not selected.

see the link for an example of what I’m talking about

#242018 Copied

Rose Tyler

Support staff

June 25, 2020 at 08:43

Hello,

Here is what I can see on your site right now http://prntscr.com/t638ze http://prntscr.com/t6395z Please describe in more detail the desired result, what exactly the selected variation should look on Shop and Single product page.
Lightshot Screenshot tool https://app.prntscr.com/en/index.html makes screenshots and generates links then you can provide links of screenshots here.
Also, provide temporary wp-admin access.

Regards

#242069 Copied

Michael

Participant

June 25, 2020 at 13:26

I wanted in the 2 pages. When the customer selects a variation, a chosen variation decreases in size.

But I managed to make this border by css, and I wanted it to decrease only in size

Please contact administrator
for this information.

#242097 Copied

Olga Barlow

Participant

June 25, 2020 at 17:51

Hello,

Please, provide us with a mockup on how it should be to avoid misunderstanding.

Regards

#242146 Copied

Michael

Participant

June 25, 2020 at 18:50

Exactly the same on 2 pages, if possible when hovering

https://prnt.sc/t6g7pw

#242147 Copied

Olga Barlow

Participant

June 26, 2020 at 10:29

Hello,

So, to be clear:

You want to show on the single product and on the shop page variation swatches in this way https://prnt.sc/t6g7pw
We have made some customization and it looks like https://gyazo.com/ea66b825975259335f0a91407881d0a9
Is this what you wanted to achieve?

Regards

#242251 Copied

Michael

Participant

June 26, 2020 at 16:47

Exact. but you need to make it a little bigger, not so small and keep the edges, thanks for the help!

#242304 Copied

Olga Barlow

Participant

June 26, 2020 at 17:38

Hello,

Edit the child theme style.css and reduce the margins according to your needs for the single product and for the shop grid http://prntscr.com/t72658

Regards

#242320 Copied

Michael

Participant

June 26, 2020 at 18:18

Thank You!

#242336 Copied
Viewing 11 results - 1 through 11 (of 11 total)