Shopify themes, liquid, logos, and UX
Hello,
I am looking to add additional padding around the text on the two Image/Text blocks on my homepage so that the text does not run so far across the page. See below.
Any help is appreciated.
Tia
https://m0nlixet7j9ijq20-26037026838.shopifypreview.com
Hi @Tia34 ,
Welcome to the Shopify community. Thanks for asking a good question on shopify community. I would be happy you!
I saw your query and vist the preview URL posted by you with this topic.
I'm sharing you some code Kindly follow the steps to apply this code into your site.
Steps
1. Open your theme editor.
2. On asset URL open theme.css file. and paste the below code to your theme.
.template-index .homepage-indiv-section-wrapper .homepage-featured-content-box-inner {
padding-left: 50px;
padding-right: 50px;
}
3. Save the code and refresh your preview URL and see the changes
Hope this will solve your query. If you have any query please let me know.
Hello,
Thank you for your help but unfortunately it isn't working. I have inspected the element in the div and provided you with some images.
I believe I am trying to target the area highlighted in green.
Thank you,
Tia
Hi @Tia34
Thanks for your reply. I saw the screenshot you provided, but I cant see my code into the screenshot you provided me.
if my code exist into the inspect element try to increase padding 50px to 60px or 70px whatever you want.
Thanks
Hello,
Yes sorry it wasn't working so I took it back out. I put it back again and have tried even setting it at 100px but it still looks the same.
https://m0nlixet7j9ijq20-26037026838.shopifypreview.com
@Tia34As I see the code is working fine for me. So I need to check the code how you are applying.
If you'd like to discuss this more, don't hesitate to send me a PM.
Thanks
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