The text is not visible. I’d like a background behind the text. Any one know how I can do this.
Hi @plannerlike ,
Try this.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
- And Save.
.hero__text-shadow {
background: beige;
padding: 20px;
}
Result:
You can change the color you like.
I hope it help.
My theme has under Assets, Theme.css.liquid. Thats where im posting it in and it’s not making any changes. There’s no background behind it.
Hi @plannerlike
This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css or theme.css
.hero__text-shadow {
background: #fff !important;
padding: 30px !important;
}
Hope you find my answer helpful!
Best regards,
Richard | PageFly
Hi, Richard. Thank you. However, I’m not seeing the Base.css or theme.css under Assetts. I’m only seeing theme.css.liquid, and when I post the codes in there, it doesn’t work.
Check the theme.css file no liquid.
As you can see, I only have theme.css.liquid and theme.js. This is all under assets.
Oh, okay did you try to put in the pagefly-main.css? Im not sure if that is the main .css file you have.
It shouldn’t be because my homepage was not made with Pagefly app, but I’ll try there and see what happens.
No, that didn’t make a difference at all. So pagefly-main.css doesn’t work.
Oh, sorry for that what theme are you using? in the inspect tool in your website there is a theme.css. but it looks like this.
but its on the asset folder.
When you paste it in the theme.scss.liquid its not working? after you paste did you save it first before checking?
OK, so I looked at my website just now on my phone and it showed the background. However on my desktop it doesn’t. For both im using chrome. Can you check and see if you see it?
Could it be that I need to clean my cookies?
Wow, it finally worked! Thank you so much. And this code should show up on every web browser right?