Contact Us page Title color scheme

Solved

Contact Us page Title color scheme

TT4H4
Tourist
4 0 1

How can i change the color scheme of this to match the website ? btw i have the same issue in the About Us page ... Screenshot 2024-10-03 at 1.46.35 PM.png

Accepted Solutions (2)
Made4uo-Ribe
Shopify Partner
8759 2094 2569

This is an accepted solution.

Thanks for the info, chek this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

 

.page-width.page-width--narrow {
    background: #ccc5b9;
    max-width: 100%;
}

 

And Save.

Result:

Made4uoRibe_0-1727983940811.png

 

Do you mean for the whole store?

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Made4uo-Ribe
Shopify Partner
8759 2094 2569

This is an accepted solution.

Oh, Sorry for that one I didnt notice it. Please add this code. 

Same Instruction. 

 

@media screen and (min-width: 990px) {
#ContactForm {
    width: 72.6rem;
    margin: auto;
}
}

 

And Save. 

Result:

Made4uoRibe_0-1728042420262.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 8 (8)

kazi
Shopify Partner
634 91 114

@TT4H4  Hello go to "Customize" select pages > contact. You can update the color scheme now.

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

TT4H4
Tourist
4 0 1

i still can see how i can modify it Screenshot 2024-10-03 at 3.21.10 PM.png

Made4uo-Ribe
Shopify Partner
8759 2094 2569

Hi @TT4H4 

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
TT4H4
Tourist
4 0 1

ofc !

the website url is : Holidayz.store

and the password is : ohwibo

 

i would also be glad to have any suggestion about things to add or modify and the layout 🙂

Made4uo-Ribe
Shopify Partner
8759 2094 2569

This is an accepted solution.

Thanks for the info, chek this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

 

.page-width.page-width--narrow {
    background: #ccc5b9;
    max-width: 100%;
}

 

And Save.

Result:

Made4uoRibe_0-1727983940811.png

 

Do you mean for the whole store?

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
TT4H4
Tourist
4 0 1

it does solve the issue but it caused another one 

now the contact form is 100% width of the pageScreenshot 2024-10-03 at 4.01.43 PM.png

GTLOfficial
Shopify Partner
610 133 121

Hello @TT4H4 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

@media screen and (min-width: 750px) {
#ContactForm {
width: 60%;
margin: 0 auto;
}
.footer__content-top {
padding-left: 35rem;
}
}

result
4.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: [email protected] - Skype: ritesh_27dh
Made4uo-Ribe
Shopify Partner
8759 2094 2569

This is an accepted solution.

Oh, Sorry for that one I didnt notice it. Please add this code. 

Same Instruction. 

 

@media screen and (min-width: 990px) {
#ContactForm {
    width: 72.6rem;
    margin: auto;
}
}

 

And Save. 

Result:

Made4uoRibe_0-1728042420262.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.