Change background and font colour on Contact Us page

Solved
Highlighted
Tourist
8 1 0

I have just added a new page using Contact Us template. (See below.) How do I change the background colour and/or font colour? I am using Narrative theme. Thanks!

 

Contact Us.jpg

0 Likes
Highlighted

This is an accepted solution.

Hello  

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

#contact-us main#MainContent {
    background-color: gray;
}
#contact-us h1.section-header__title.h2 {
    color: orange;
}

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Highlighted
Shopify Staff
Shopify Staff
653 41 98

This is an accepted solution.

Hey, there! 

My name is Ren from the Shopify support team, here to help out. Are you looking to change the background color of the font or the entire page? 

To make changes to the font and font background, navigate to your Contact page and select the text button to alternate between text and background and use the colour adjuster to make your selection. Looks like this: 

03-07-5kmea-4jbj9

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 If you are referring to the background of the page and how to change the general appearance, you can try navigating to your theme.scss located in the Assets folder of the theme code. Line 292 should be where you can make changes to the form background colours. More details can be found in the answer to a similar question in this post here.

 

It's also mentioned that if you're looking to completely customized the contact page, we have several app integrations that can help with this! Check out them out.

 

Let me know how you make out with that! 

 



Ren | Social team @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Click Accept as Solution 

0 Likes
Highlighted
Tourist
8 1 0

Awesome, worked perfectly. Thank you again!

0 Likes
Highlighted
Tourist
3 0 2

How can you change the background color and text colr of the message you get after a contact form is submitted in the debut theme?

Highlighted
Shopify Partner
9523 1198 3347

@Tddandridge 

Thanks for post.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.form-message--success {
background-color: #f39c12;
    color: #fff;
border-color: #f39c12;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
12 0 2

Hi, my site is www.perfectdd.com and I'm trying to change the background color of my About page (Our Story) to #DDD4CB but the code isn't working. Can you please let me know exactly what I need to type at the bottom of theme.scss.liquid please? 

0 Likes
Highlighted
Shopify Partner
9523 1198 3347

@Algalsc 

Thanks for post

i have chekc this but sorry your store is passoword protect can you please share is.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
7 0 1

Muezart_0-1604925184952.png

How can I change the highlighted background colour ?

Highlighted
Shopify Partner
9523 1198 3347

@Muezart 

Thanks for post can you please share store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes