I recently ran into an issue where the color of the background for products in all collections randomly changed to dark green. Then I got some help and input the code to change that bac kground back to how it was. But now it started flickering whenever you open the page. Basically, for one second you see that dark green background and then it changes to the one I input in code. I was told some other code is overrunning it, but I have no idea how to find it. Also, since I change the code manually it only chagned the background and as you can see the sorting and filtering is invisible, which is also an issue. The website link - https://seraphora.com/
First image shows the first second when you load the page, and then what appears right after.
Hello @Seraphora
Its Artzen Technologies! We will be happy to help you today.
I understood your problem and i have come up with a solution that will help you in achieving the desirable result.
Please follow the below CSS for the results.
As you can see in the below screenshot you have written the CSS on the basis of these two classes so one of the class is conflicting with the other hence creating that problem.
For the solution of the same write the below mentioned CSS and replace the CSS mentioned in above screenshot with the below mentioned CSS.
body.gradient{
background: #F5F5F5;
}
And also to make the sorting and filtering visible again then write the below CSS in the CSS file.
form#FacetFiltersForm h2, span, label, .facet-filters__sort {
color: black;
}
If this solution helped you then please mark it as accepted.
Let me know if need further assistance
Regards,
Artzen Technologies
1 Like
Thank you! It did work, but something else changed. The announcement bar text is now also black which makes it hard to see.
Hi @Seraphora
Please replace the above mentioned CSS with this below CSS, it will provide you the accurate solution without any hassle.
form#FacetFiltersForm h2, form#FacetFiltersForm span, form#FacetFiltersForm label, form#FacetFiltersForm .facet-filters__sort {
color: black;
}
1 Like
Glad that the solution helped. Feel free to ask again.
Hi, for some reason the text on every product page is the same color as the background and the same issue is on the checkout page. Also, the filtering and sorting option is the same color as background but online if opened on the phone. Need some help! Thanks!
Hi, @Seraphora
To correct this please go to the customization of your theme. Then on the left side click on the theme setting button click on the colors option and select color to black for the text. Please follow the below screenshots.
Let me know if need further assistance
Regards,
Artzen Technologies
Hi, @Artzen_tech
Thank you for your help. It worked for some of the things, but I still get the quantity and color options for products dark on dark. And filtering on the mobile view is still transparent for some reason. Thanks!
