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
602 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
407 60 59

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
407 60 59

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
8843 2113 2595

Hi @noor6 

Would you mind to share your store URL? 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.
noor6
Tourist
5 0 3

It is houseofnur.ae

 

thanks!

saim007
Shopify Partner
602 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
8843 2113 2595

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 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.