I am using the Narrative theme. I added code for a widget to the custom content section to display a form on my site. The widget/form has a couple of data entry fields that should appear as white but they appear as black prior to entry of data. Can someone please tell me where to fix the code so that the fields display white and they are not overriden? I received the below message from the company that provided the code/widget. Thank you.
The reason the boxes are black is that the styles (in https://cdn.shopify.com/s/files/1/0252/1939/9746/t/19/assets/theme.scss.css?v=8287778691560722163) overrun the widget styles. If you edit it like in these screenshots it should be ok:
https://monosnap.com/file/BuEAHV0VhTjk9BtYKtkZOOVI9EsnF6
https://monosnap.com/file/iUYGdSaAQ2Iog0zYt6YiMaTEt23VKp
Solved! Go to the solution
This is an accepted solution.
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
This is an accepted solution.
Thanks for the details
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.custom-content input[type='text'] {
background: #fff;
color: #000;
}
.custom-content input[type='text']::placeholder {
color: #000;
opacity: 1;
}
Thank you so much!! It worked. It's still showing with white fields on the page which is not the home page. I have this widget on another page too. Do I need to paste the code somewhere else too or do I need to use different code? Here's the link.
This is an accepted solution.
Thanks for it, yes please add this code
.ssa-leadgen-widget__input {
background: #fff;
color: #000;
}
.ssa-leadgen-widget__input::placeholder {
color: #000;
opacity: 1;
}
This is an accepted solution.
Thanks
can you please add me to the staff account so i will check all pages?
This is an accepted solution.
I have done this, please check.
User | Count |
---|---|
766 | |
142 | |
97 | |
63 | |
59 |