Solved

How to add background color to text header?

Babysleep
Excursionist
16 0 1

Hi,

I'm trying to add the text background of the headers to gray and change the color of the text itself to white on just one page, I appreciate any help, thanks.

link to the page: https://www.babysleep.in/pages/group_consultation

P.S. Should be something like this:

AT THE GROUP CONSULTATION, I OFFER YOU.png

Accepted Solution (1)

MandasaTech
Shopify Expert
723 146 153

This is an accepted solution.

Hello @Babysleep 

I would like to give you a solution to support you:
1. Go to Online Store-> Theme-> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before </body> :


<style>
.page-group-consultation .featured-content--title {
background-color: grey;
color: white !important;
padding: 10px;
}
</style>


Was my reply helpful? Please Like and Accept Solution. This means alot to me.

☞ Helpful or Question answered? Please Click Like & Mark it Accepted Solution
☞ Want to modify or custom changes on store for affordable price? Click on Contact button here
☞ Email at info@mandasa.in
☞ Whatsapp at +918989609120 | Hire us at: Website Support Page

View solution in original post

Replies 2 (2)

shubhamSharma
Shopify Partner
129 25 26

hi.. @Babysleep 

if you want to do this 

https://prnt.sc/Bus5Y6pGs-Ym

 

step 01:
1. Go to your Store > Theme > click to edit code.
2. find this file "Theme.liquid " and open.

step 02:
1. Paste the code at the end of the file.

 

<style>
.featured-content--title {
    padding-bottom: 16px;
    background-color: red;
}


</style>

 

this idea helps you

S.sharmaJi

MandasaTech
Shopify Expert
723 146 153

This is an accepted solution.

Hello @Babysleep 

I would like to give you a solution to support you:
1. Go to Online Store-> Theme-> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before </body> :


<style>
.page-group-consultation .featured-content--title {
background-color: grey;
color: white !important;
padding: 10px;
}
</style>


Was my reply helpful? Please Like and Accept Solution. This means alot to me.

☞ Helpful or Question answered? Please Click Like & Mark it Accepted Solution
☞ Want to modify or custom changes on store for affordable price? Click on Contact button here
☞ Email at info@mandasa.in
☞ Whatsapp at +918989609120 | Hire us at: Website Support Page