Change the colors of image with text overlay without change the others colors - Debut Theme

Solved
SalomãoBraga
New Member
9 0 0

Screen Shot 2020-07-22 at 18.01.30.png

 I want to make this background white, and the letters black... But when I swipe the colors, swipe the colors of this too... And I dont want this. Thank you. 

 

Screen Shot 2020-07-22 at 18.03.50.png

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
9209 1564 1929

This is an accepted solution.

To reduce space between the "Envio imediato" and " Coleções"..
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

div#shopify-section-1594482261095 {
    padding-bottom: 10px;
}
div#shopify-section-1595209190882 {
    padding-top: 10px;
}
If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

Replies 23 (23)
oscprofessional
Shopify Partner
9209 1564 1929

Hello,
Please share your site url.
So that i can check and let you know the exact solution here.

If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
oscprofessional
Shopify Partner
9209 1564 1929

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

div#shopify-section-1594482261095 .hero__overlay::before {
    background-color: white;
    opacity: 1;
}
div#shopify-section-1594482261095 h2.h1.mega-title {
    color: black;
}
div#shopify-section-1594482261095 .mega-subtitle p {
    color: black;
}
If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
SalomãoBraga
New Member
9 0 0

That works perfecty! Just a little detail: The word came with a little shadow behind them... like this.

 

Screen Shot 2020-07-24 at 00.14.18.png

Another question, there is a lot of space between the "Envio imediato" and " Coleções"..


Can I correct this?

 

Screen Shot 2020-07-24 at 00.25.16.png

 

I would like to make the same thing here too.. 


Thanks

oscprofessional
Shopify Partner
9209 1564 1929

To remove text shadow.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

div#shopify-section-1594482261095 h2.h1.mega-title {
    text-shadow: none;
}
div#shopify-section-1594482261095 .mega-subtitle p {
    text-shadow: none;
}
If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
oscprofessional
Shopify Partner
9209 1564 1929

This is an accepted solution.

To reduce space between the "Envio imediato" and " Coleções"..
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

div#shopify-section-1594482261095 {
    padding-bottom: 10px;
}
div#shopify-section-1595209190882 {
    padding-top: 10px;
}
If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

SalomãoBraga
New Member
9 0 0

THANK YOU SO MUCH! It worked nice!

Just a little detail, can you help with the black background on the bottom of my site? Do the same as we did on top?

 

Thanks

oscprofessional
Shopify Partner
9209 1564 1929

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

div#shopify-section-1594481335117 .hero__overlay::before {
    background-color: white;
    opacity: 1;
}
div#shopify-section-1594481335117 h2.h1.mega-title {
    color: black;
    text-shadow: none;
}
div#shopify-section-1594481335117 .mega-subtitle p {
    color: black;
    text-shadow: none;
}
div#shopify-section-1594481335117 .mega-subtitle a {
    color: black;
}
If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Kamil7
Tourist
6 0 0

Hey, would you like to help me with the same problem? I need Top site black text and bottom site white text

url: https://braster-uk.myshopify.com/?key=992d820eb404b855ebc4880487252c04062eba588580655e131d10bd5e33e2...