Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Add text box fill colour in Dawn Theme

How can I add fill color to a text box in Dawn Theme?

noor6
Tourist
5 0 3

Dear community,

 

I need help to add a fill colour to the text box, making th etext visible. The background is very light so difficult to see the text. 

 

noor6_1-1713957886534.png

 

Thanks!

Replies 9 (9)

saim007
Shopify Partner
609 74 103

Please provide store url?

Saim | Shopify Partner Expert

Was I helpful?

Buy me a Coffee

🙂
Hire me   to unlock the full potential of your e-commerce store 🙂
noor6
Tourist
5 0 3

BrainStation23
Shopify Partner
413 62 60

Hi @noor6 
Can you please share your store URL, so that we can look at it.

Brain Station 23 PLC (Mail: js.sbu@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps
noor6
Tourist
5 0 3

the url is www.houseofnur.ae

 

thanks!

BrainStation23
Shopify Partner
413 62 60

Hi @noor6 
We have gone through your problem and found a solution. 
Solution:
You can follow these steps to achieve your result
Go to online store->Edit code->section-image-banner.css file
And pest the code top of the file 

 

.banner__heading.h1 {
    background-color: white;  
    color: black;
    padding: 0 10px;
}
.banner__text.body span {
    background-color: white;
    color: black;
    padding: 0 10px;
}

 


Result :

BrainStation23_0-1714031899232.png

 

Brain Station 23 PLC (Mail: js.sbu@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps

Made4uo-Ribe
Shopify Partner
9079 2168 2677

Hi @noor6 

Would you mind to share your store URL? Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
noor6
Tourist
5 0 3

It is houseofnur.ae

 

thanks!

saim007
Shopify Partner
609 74 103

@noor6 Use below css code to visible the text on the banner - 

.banner__heading.h1 {
    background-color: #fff;
    color: #000;
    padding: 0 20px;
}
.banner__text.body span {
    background-color: #fff;
    color: #000;
    padding: 0 20px;
}
Saim | Shopify Partner Expert

Was I helpful?

Buy me a Coffee

🙂
Hire me   to unlock the full potential of your e-commerce store 🙂
Made4uo-Ribe
Shopify Partner
9079 2168 2677

Is this problem solved? 

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.