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.
Hello,
Please share your site url.
So that i can check and let you know the exact solution here.
Sorry.
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;
}
That works perfecty! Just a little detail: The word came with a little shadow behind them… like this.
Another question, there is a lot of space between the “Envio imediato” and " Coleções"..
Can I correct this?
I would like to make the same thing here too..
Thanks
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;
}
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;
}
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
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;
}
Hey, would you like to help me with the same problem? I need Top site black text and bottom site white text
Hello Kamil7,
Please share the screenshot.
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;
}
1 Like
Perfect, thanks you!
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 fine
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…
1 Like
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!
Hello christellek
Please share your site url and screenshot.
So that I can check and let you know the exact solution here.
Here it is: https://dd9ywwmjplokxd30-52957413552.shopifypreview.com
and this is the screenshot:
I want to turn them black and with a slightly bigger font size, and without the shadow in the back of the font..
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;
}
}