How to fix backgrounds in certain sections as well as checkout buttons

Store Design
, ,
1

I was wondering if anyone could help me with some coding on my website. It is currently in the works and I am trying to get it fully set up before my products arrive. Some sections let me change the background color using color schemes, but for some of the pages on the site it just isn’t an option. I know this can be changed with the custom CSS / Edit code options, and after lots of digging online I finally found one code that worked. However, it only worked on one section, and when I tried applying it to other sections it only would fill parts of the background. I have noticed it is mostly different codes that work for each theme, since lots of posts where someone asked the same question as me had said the given solution worked for them and the theme they are using. For the most part I either can’t even find the file that I need to put the code into due to it simply not existing in my files, or it basically says it is an invalid code. There is also some invisible text on the page once you click on products, and this doesn’t seem to be able to be changed by the color scheme either. It would be heavily appreciated if someone could let me know what code I should use for these things. I will provide a website link below, please check it out and let me know what you think (note: Text is all blended and the wrong color on the page once you click on a product so it doesn’t show up, and all white backgrounds that are left on the entire site should all be black, I don’t know if this requires a different code for all of them though since I’m not an expert on that at whatsoever) Custom CSS that is built into each individual page would be preferred, but if I have to go into edit code that’s fine too. Any solution would be extremely helpful, the theme I am using is spotlight

https://ff7e72-2.myshopify.com/products/enigmatic-gaze-premium-polymer-rolling-tray-8x5

2

@plankproducts - add this css to the very end of your base.css file and check

.product__title>*{color: #000;}
.price>*{color: #000;}
.money{color: #000;}
.product-form__submit span{color: #fff;}
.product__description span{color: #000;}
3

Hello @plankproducts

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.product__title {
    color: #000 !important;
}
.price.price--large.price--on-sale.price--show-badge {
    color: #000 !important;
}
label.quantity__label.form__label {
    color: #000 !important;
}
s.price-item.price-item--regular {
    color: #000 !important;
}
4

Thanks so much it worked perfectly! Any idea on how to change the full background to black wherever it is white?