Background didnt apply to gallery, inquiry, contact us pages

[sippinonsunshin]

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 </head> tag:

<style>
... YOUR CODE HERE!
</style>

[sippinonsunshin]

just to clarify it didn't apply to my inquiry page, contact us page, or gallery

[Guleria]

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

[Vinsinfo]

@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.