Shopify themes, liquid, logos, and UX
Trying to add left padding to a rich text section on my Highlight theme.
I added this CSS to the id section:
padding-left: 50%;
Whilst it gives the section padding, it only moves it over, making the whole site width longer.
Not sure what additional CSS I need to add in, or if I should be using columns instead?
First image for context on how the CSS makes the site width larger, second image is how it should look.
Pls help!
Solved! Go to the solution
This is an accepted solution.
Then use this css instead the previous one
@media (min-width:768px) {
#shopify-section-template--15985039868146__164863221804800728 .rich-text-blocks {
padding-left: 30%;
}
}
► Need help with THEME CUSTOMIZATION, SPEED OPTIMIZATION ?
Hello @Hannaht2 site is password protected
► Need help with THEME CUSTOMIZATION, SPEED OPTIMIZATION ?
Which section do you mean?
► Need help with THEME CUSTOMIZATION, SPEED OPTIMIZATION ?
which page is that? can u send the link?
► Need help with THEME CUSTOMIZATION, SPEED OPTIMIZATION ?
Add this css on assets > theme.css bottom of file
#shopify-section-template--15985039868146__164863221804800728 .rich-text-blocks {
padding-left: 30%;
}
► Need help with THEME CUSTOMIZATION, SPEED OPTIMIZATION ?
This is an accepted solution.
Then use this css instead the previous one
@media (min-width:768px) {
#shopify-section-template--15985039868146__164863221804800728 .rich-text-blocks {
padding-left: 30%;
}
}
► Need help with THEME CUSTOMIZATION, SPEED OPTIMIZATION ?
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