Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
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;
}
Hello,
Please share your site url.
So that i can check and let you know the exact solution here.
Sorry.
biproencastore.com
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;
}
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;
}
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;
}
Can you also help me add overlay on the text "Shaping the Future Of Fashion" header? or how to change the text into white?
Site: https://www.sewsewyou.com/
Yes.
You can add the code in theme.css file.
.site-box-content .content {
background-color: rgba(0, 0, 0, 0.2);
}
.site-box-content .content p, .site-box-content .content h2 {
color: #fff !important;
}
Hey there,
I'm having the same issue here. I'd like to change the Heading and Body text color to black #000000, as the white obviously bleeds into the background image. I'm using the Showcase Theme and it's still unpublished as this is just a new site update. Will the link still be helpful? Link here: https://www.whiskerslaces.com/
No, since the theme is not publish, we won't be able to see the code for you to change it. Put it on live so we can help you or give us un access to your liquid files.
Thanks Nate! So our site is live now, and I'd like to change the background of this gallery section to black #000000. The theme is Showcase. Any chance I could get a little help there?
URL: https://www.whiskerslaces.com/
Screenshot:
Thank you!!
Sure,
If that cannot be done in customizer, you can go to your backend liquid files.
Go to online store > Themes > Select the live theme > Action > Edit code >Asset. From here you'll see the asset folder then find this file "styles.css"
This should show where the file is...
Then find this code or just paste this below to the entire code
@media (min-width: 768px) {
.section-gallery .cc-gallery {
background-color: black;
}
}
Thank you!! This seems like it should be an option under "Customize" without changing all of the colors on the page. But anyways, this was super helpful so thank you!
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;
}
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....
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;
}
}
Okay thanks! But which one is the theme.css.liquid as the only thing i could find are these:
Yes, add the given css code at the bottom of that theme.css.liquid file.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024