FROM CACHE - en_header

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
12490 1931 2478

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;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing

View solution in original post

Replies 28 (28)
oscprofessional
Shopify Partner
12490 1931 2478

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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
SalomãoBraga
New Member
9 0 0
oscprofessional
Shopify Partner
12490 1931 2478

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;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
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
12490 1931 2478

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;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
oscprofessional
Shopify Partner
12490 1931 2478

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;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
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
12490 1931 2478

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;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
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...

oscprofessional
Shopify Partner
12490 1931 2478

Hello Kamil7,
Please share the screenshot.

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
Kamil7
Tourist
6 0 0
oscprofessional
Shopify Partner
12490 1931 2478

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

div#shopify-section-hero-1 h2.h1.mega-title {
    color: black;
    text-shadow: none;
}
div#shopify-section-hero-1 .mega-subtitle p {
    color: black;
    text-shadow: none;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
Kamil7
Tourist
6 0 0
Kamil7
Tourist
6 0 0

One more thing, just about button colors. "Buy braster online" should be red text and white Primary button. "Take care of your breasts!" on the product page is finehe.png

oscprofessional
Shopify Partner
12490 1931 2478

Add this css

#shopify-section-1611071994f541c216 a.btn.hero__btn {
    background-color: white;
    color: red;
}


Change the color as per your choice.
Hope this will work for you.
Thanks....

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
christellek
New Member
3 0 0

Hello, 

 

I'm having the same issue for the Debut Theme. I would like to make the text black in the image with text overlay section without editing the rest of my page. 

I tried implementing this solution on my theme, but i couldn't find the "theme.scss.liquid" part in the code. It's like inexistant. Could you please help me out? 

 

Thanks! 

oscprofessional
Shopify Partner
12490 1931 2478

Hello christellek
Please share your site url and screenshot.
So that I can check and let you know the exact solution here.

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
christellek
New Member
3 0 0

Here it is: https://dd9ywwmjplokxd30-52957413552.shopifypreview.com

 

and this is the screenshot: 

christellek_0-1617870698422.png

 

I want to turn them black and with a slightly bigger font size, and without the shadow in the back of the font.. 

 

oscprofessional
Shopify Partner
12490 1931 2478

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

#shopify-section-hero-1 .rte-setting.mega-subtitle p {
    color: #000 !important;
    text-shadow: none;
    font-size: 24px;
}
@media only screen and (max-width: 749px){
#shopify-section-hero-1 .rte-setting.mega-subtitle p {
    font-size: 22px;
}
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing