Shop Layout

Hey there,

With payment method ideal the dropdown menu is blank, due to the text being white there. Only the hover shows the various bank options. Is there a way to adjust this with CSS (https://merettekuijt.com/afrekenen/)

Hm, I’m seeing the text on a grey background – are you looking to change the colour of the text there?

On the product page the price the original price is not shown and the discount price looks weirdly highlighted. It does show correct in when I edit the page but not live so it must be due to the theme lay-out settings (https://merettekuijt.com/producten/)

Hmm, is this the correct page being referred to? The reason why I ask is because I can’t see any prices are present.

On the product page the product titel is white and therefore not visible apart from the hover (https://merettekuijt.com/producten/). Is there a way to adjust this with CSS?

This CSS, should change this:

 .wc-block-grid__product-title {
    color: black;
}

thank you for the reply!

For the first point I’m referring to the dropdown where you select your bank. It appears blank and you only see the bank listed on the hover.

I removed the price from the product page for now, so it’s indeed not visible anymore. Sorry about that!

Hey there,

Ah thank you for that clarification!

Strange, I’m seeing that behaviour, but this CSS, should change the text of that dropdown:

.Input:focus, .p-Input--focused, .Input, .p-FauxInput {
color: rgb(0 0 0);
}

Thank you for the reply.

Unfortunately the additional CSS does not seem to fix the issue and the text in the dropdown is still in white.

@merettekuijt , I am guessing you may have changed the page some since writing; I’m not seeing the same things you are. Leaving the elements on the page and linking us to the affected page will help.

I was able to find “Kart” in white on the checkout page. Is this the CSS you needed for that?

.Tab--selected {
    border-color: var(--p-colorPrimary);
    color: rgb(0 0 0);
}

Thank you for your reply.

I indeed disabled some settings to get the checkout in a more workable condition. I leave everything as it is now for the moment.

I currently still have two lay-out issues;

1. bank names in dropdown are in white (unfortunately the additional CSS does not solve this) this is on https://merettekuijt.com/afrekenen/. You will need to add a product to see this page. See image of issue here: https://drive.google.com/file/d/1UDzdWPHHOKAqrabdGikHr0DUqP1aK-br/view?usp=share_link
2. When selecting multiple items, the item amount is in white as well. See image of issue here: https://drive.google.com/file/d/1pU4Dsx-WRu3MOlofqgq6lxJkuUkhiTCa/view?usp=share_link

My browser shows the bank names in black. I’m on Chrome + Mac and current. What are you using?

And, I can’t add any products that will allow me to select more than one, so I’m unable to duplicate the second issue. But I wonder if it’s related to the browser, too.

Thank you for your message.

I use chrome with Windows 11.

I now added a product to the show where you can select an amount. Hopefully this will help locate the issue for the amount color.

Page can be access through: https://merettekuijt.com/shop/

@merettekuijt , I’m getting black for the amount drop down too. Can you use inspect element in your browser to see where the white could be coming from? And, do you see the same issue with other browsers on your computer?

Also if it helps, here’s one guide to using inspect element. You can use it to change your CSS, but you can also use it to tell where the settings are coming from.