Change Background Color On Contact Page- Prestige Theme

Store Design
1

My overall background color for my site is black, however I would like the other pages (contact, policies, FAQ, etc) to be white. I was able to change my product page to white but I can’t figure out how to do that with other pages. Thank you for your time and help!

2

Hello @MMAzailYana ,

Please share:

  • your store URL;
  • page URL with the issue you mention;
  • storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

3

I do not think it has a password.

URL

https://azailyana.myshopify.com/

Page: https://azailyana.myshopify.com/pages/contact-us

4

@MMAzailYana , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:
body:not(.template-index){
    background: white;
}

body:not(.template-index) input,
body:not(.template-index) textarea,
body:not(.template-index) input:active,
body:not(.template-index) textarea:active,
body:not(.template-index) input:focus,
body:not(.template-index) textarea:focus{
    color: #3e3d3d !important;
    border-color: #3e3d3d !important;
}

body:not(.template-index) *::placeholder{
    color: #3e3d3d !important;
}

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

5

Hi,

To change the contact page background color, please follow the steps below.

  1. Online Store > Actions > Edit code > Scroll down to Assets > Click theme.scss.liquid > Add the code below. (If you want to change the background color to different color, please change the color hex code from #ffe8e8 (pink) to your color code.
.PageContainer .Contact_Page {
  background: #ffe8e8 !important;
  margin-top: 0 !important;
  padding: 60px 0;
}

  1. After add the above code, open page-contact-template.liquid under Sections.

  2. Add Contact_Page class in the first div next to the Container. The first 6 lines must be the same as below.

Don’t forget to save files.

Hope it helps you.

Thanks.