Shopify themes, liquid, logos, and UX
Hi
I have create an image with text section that is a different background colour to my theme. How can I make the colour full width without scaling the image and text?
Currently the background stops and has a white margin left and right.
I am using a theme called palmsping that is not very customised.
Would appreciate come help.
Thank you.
Solved! Go to the solution
This is an accepted solution.
Hi @Livmoore ,
In order to make the background full width just copy paste the below code at the bottom of the theme.liquid file in your store
<style>
div#shopify-section-template--16131872194781__16339816485a223985 {
background: #efe8da;
width: 100%;
}
</style>
and the background color of the section would be full width.
thanks & regards
KaalTechGeeks
@Livmoore Can you share your website URL so that I can share with you the exact codes that will help you implement this
@kaalTechGeeks Unfortunately my website is not live as I am launching my store this week. Is there another was to show you the code?
No worries still you can share the site along with the password that would work for me
This is an accepted solution.
Hi @Livmoore ,
In order to make the background full width just copy paste the below code at the bottom of the theme.liquid file in your store
<style>
div#shopify-section-template--16131872194781__16339816485a223985 {
background: #efe8da;
width: 100%;
}
</style>
and the background color of the section would be full width.
thanks & regards
KaalTechGeeks
Hi @Livmoore , I am glad that my solution worked for you Please do like my solutions as this motivates to help others in the community. Please do not hesitate to ping me if you need any help in future. Thanks & Regards KaalTechGeeks
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024