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 ?
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024