Below is the code that changed the website background color for all my main pages, didn’t apply to the rest of the pages on my store
www.sippinonsunshine.net
code: anna
/* Ensure the background and text color apply across all devices */
.color-scheme-1.gradient {
background-color: #fff2de !important;
color: #7c715b !important;
}
/* Additional specificity to target mobile devices */
@media only screen and (max-width: 767px) {
.color-scheme-1.gradient {
background-color: #fff2de !important;
color: #7c715b !important;
}
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
<style>
... YOUR CODE HERE!
</style>
just to clarify it didn’t apply to my inquiry page, contact us page, or gallery
Hello @sippinonsunshin ,
Reason is same class not available in the inner pages.
If you need same background in whole site update the css with this one
/* Ensure the background and text color apply across all devices */
.color-scheme-1.gradient, #MainContent {
background-color: #fff2de !important;
color: #7c715b !important;
}
/* Additional specificity to target mobile devices */
@media only screen and (max-width: 767px) {
.color-scheme-1.gradient, #MainContent {
background-color: #fff2de !important;
color: #7c715b !important;
}
Thanks
@sippinonsunshin Please add the CSS selector “#MainContent” to the existing code you have provided to add the background color to the gallery, inquiry, and contact us pages as well. Let me know whether it is helpful for you.
Updated code:
/* Ensure the background and text color apply across all devices */
.color-scheme-1.gradient, #MainContent {
background-color: #fff2de !important;
color: #7c715b !important;
}
/* Additional specificity to target mobile devices */
@media only screen and (max-width: 767px) {
.color-scheme-1.gradient {
background-color: #fff2de !important;
color: #7c715b !important;
}
}
Final results will be like,
Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.
