While trying to make the header transparent, all the texts on my product page turned white and they are not visible. I couldn’t find the color change part of the text, how can I fix it?
1 Like
Hi @ReaNMe ,
Would you mind to share your URL website? with password if its protected. Thanks!
Thank you fro the Information.
Try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
- And Save.
variant-radios#variant-radios-template--19985481171258__main * {
color: black;
}
div#Quantity-Form-template--19985481171258__main * {
color: black;
}
quantity-input.quantity {
border: 1px solid black;
}
fieldset.js.product-form__input label {
border: 1px solid black
}
Result:
Another thing. It take time for me to inspect your Store. Debuuger was unable in your store. Please contact your Developer to disable, this may effect the costumers view.
I hope it help.
I was using an antitheft application,I turned it off now. also not completely fixed
Also, in order not to ask separately, if you scroll down, the header part comes together, how can I turn it off?
I was trying to make the header transparent and I wrote this code in “ .header-wrapper { position: fixed; top: 0; left: 0; width: 100%; background: transparent; border: none; z-index: 999; } ” header.liquid I think now the header is completely broken