Archived topic

Theme Niche anche select Woocommerce

7 replies · Started by Gerva on February 13, 2023

Viewing posts 1–8 of 8

February 13, 2023 at 11:16 am #2531919

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
after
before

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

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

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.

SELECT NORMAL

SELECT REFRESH

SELECT AFTER

February 13, 2023 at 5:31 pm #2532246

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

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

February 14, 2023 at 5:14 am #2532763

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

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

You're welcome

This archived topic is closed to new replies.

Start building better websites today.