Theme Niche anche select Woocommerce

This topic has 7 replies, 4 voices, and was last updated 3 years, 2 months ago by David.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
February 13, 2023 at 11:16 am #2531919
Gerva
Good morning to all
I don’t understand why the SELECT field in Woocommerce Chekout appears different.
Or rather during the refresh it shows right with the style of the other fields, but then it appears different.
I had to create a small snippet to solve the problem

SiteTEst
```
.select2-container--default .select2-selection--single {
	border-radius:unset !important;
	height: 48px;
	padding: 10px !important;
	background-color: #fafafa;	
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height:100%;
	background-color: #fafafa;	
}
```
Thanks
February 13, 2023 at 11:55 am #2531982

Ying
Staff
Customer Support

Hi Gerva,

GP doesn’t add style to those fields, all the styles are coming from Woocommerce plugin.

As you can see, the Niche site template doesn’t have this issue:
https://www.screencast.com/t/27jDAbW6g

I would assume the issue is from the cache plugin, can you try disabling your cache plugin to test?

February 13, 2023 at 1:12 pm #2532084

Gerva

Thank you for your answer, but I’m sorry I didn’t understand.
I tried disable the cache for that specific page, but nothing changes.
I am attaching a image set so that you can understand better.
The problem is that as soon as I get to the checkout the SELECT field appears let’s say with round corners different from the general style of the form, but during the refresh you catch a glimpse of the right format, but then it comes back as at the beginning.

February 13, 2023 at 5:31 pm #2532246

Fernando
Customer Support

Hi Gerva,

Can you provide the link to when we can test and see this issue?

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

February 14, 2023 at 3:35 am #2532673

Gerva

Thank you for your kind interest.
I have attached the info.

February 14, 2023 at 5:14 am #2532763
David
Staff
Customer Support
Hi there,

the Select boxes are part of Woocommerce, and so are those styles.
If you want to force the styles to look like the other fields then try adding this CSS:
```
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 50px !important;
    border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px !important;
}
```
February 14, 2023 at 6:45 am #2532863

Gerva

Thank you very much.
As I had premised at the beginning of the post.

Perfect great support and good work to all of you.

February 14, 2023 at 7:35 am #2532941

David
Staff
Customer Support

You’re welcome
Author

Posts