All things Shopify and commerce
I want to change the light gray border around the section to the same background-color that is behind the text using CSS.
This is how it should look:
Thanks,
Randal
Solved! Go to the solution
This is an accepted solution.
If this section only you like to change?
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, style.css or theme.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:
div#shopify-section-template--15836323741761__image_with_text_8CQYtm {
background: #6b6b6b;
}
And Save.
Result:
Or do you like to include this section also.
If it is add this one code, same instruction.
div#shopify-section-template--15836323741761__f1552b18-6017-4231-810d-74e61da22c37 {
background: #6b6b6b;
}
And save.
Note: This code is only for the specific section, not for all the section.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hey @sharingsunshine
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
This is an accepted solution.
If this section only you like to change?
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, style.css or theme.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:
div#shopify-section-template--15836323741761__image_with_text_8CQYtm {
background: #6b6b6b;
}
And Save.
Result:
Or do you like to include this section also.
If it is add this one code, same instruction.
div#shopify-section-template--15836323741761__f1552b18-6017-4231-810d-74e61da22c37 {
background: #6b6b6b;
}
And save.
Note: This code is only for the specific section, not for all the section.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
This is Theodore from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the </head>
<style>
div#shopify-section-template--15836323741761__image_with_text_8CQYtm {
background: #6b6b6b;
}
</style>
Hope this can help you solve the issue
Best regards,
Theodore | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024