Adding padding in blog post (Flow Theme)

Shopify Discussion
1

I am finding the default blog in the Flow theme very hard to read - I would like to narrow the content block on the left by adding padding to left and right. Can someone help me on how to do this please?

Here’s how it looks currently: https://phytality.co.uk/blogs/phytality/chlorella-a-complete-guide

2

Hello @japhyryder ,

I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :
<style>

.grid.blog-main--wrapper {
max-width: 1240px;
margi
</style>

Was my reply helpful? Please Like and Accept Solution. This mean alot to me.

3

@japhyryder
Hello,

.wrapper-padded.main-page-container {
	max-width: 1280px;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->theme.min.scss.liquid

Like This

oscprofessional_0-1673008785026.png
oscprofessional_0-1673008785026.png1573×902 71.8 KB

4

@japhyryder Put below css into theme.liquid file before closing tag

Ujjaval_0-1673008935903.png
Ujjaval_0-1673008935903.png1600×755 59.4 KB

5

thank you, that has helped! Much appreciated. What this has done though is put padding on both sides, so the sidebar has come in. Ideally, I would have kept the sidebar where it was, and just increased the padding around the main body content, if that makes sense. I would like to replicate the content width, and sidebar width of this site https://www.healthline.com/health/adhd

6

@japhyryder
Hello,

This Solution Its Useful so Please Like This Solution
Thanks