Shopify themes, liquid, logos, and UX
my site https://70c709-c2.myshopify.com
I need help with adding background color and opacity to this, idk how to target it in css and where to paste, there is themes.css and themes.min.css in assets
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.section.section--blank.d-block .container{
background: red !important; /*change color according to you*/
opacity: 0.8;
}
</style>
Hello @ArrowBoi
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.section--blank .row.gy-3.text-center {
background: #d5a05a !important; /*change color according to you*/
opacity: .6; /*adjust according to you*/
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Hello @ArrowBoi
Go to online store ---------> themes --------------> actions ------> edit code------->Theme.css
add this cod eat the end of the file.
.row.gy-3.text-center {
background-color: pink !important;
}
and the result will be
If this was helpful, hit the like button and mark the job as completed.
Thanks
is it not possible for the red color to start from the left and end on the right completely? I don't want the white part on the left and right.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025