How can I change the color of my contact page H1 title?

Solved

How can I change the color of my contact page H1 title?

Trentoss
Visitor
3 0 1

Please see attached image. I have just changed the color of my contact page background and now the h1 title "contact" is a dark color and I want to change it to white to match the text color. can some advise how this is done? 

Screenshot 2024-03-04 214619.png

Accepted Solution (1)

Liquid_xPert_SJ
Shopify Partner
1226 131 174

This is an accepted solution.

@Trentoss 

 

For this purpose you need a little liquid and css code please refer to the code below. Add this code into your theme.liquid file before </body>

{% if page.handle == "contact-us"%}
<style>
.main-page-title.page-title {
	color: #FFF;
}
</style>
{% endif %}

 

thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Replies 3 (3)

Liquid_xPert_SJ
Shopify Partner
1226 131 174

This is an accepted solution.

@Trentoss 

 

For this purpose you need a little liquid and css code please refer to the code below. Add this code into your theme.liquid file before </body>

{% if page.handle == "contact-us"%}
<style>
.main-page-title.page-title {
	color: #FFF;
}
</style>
{% endif %}

 

thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
Trentoss
Visitor
3 0 1

Thank you Liquid xpert. This solution worked. 

Liquid_xPert_SJ
Shopify Partner
1226 131 174

always here for any help 🙂

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂