How to make 3 blog columns

justaskme
Excursionist
16 0 2

I have looked far and wide for a solution to this and I can't seem to find it.

 

I'm using District theme and currently my blog post are displaying as:

 

Post 1    Post 2

Post  3   Post 4

 

Instead, I want -

 

Post 1 , 2 , 3

Post 4,  5,  6

 

What do I do or change?

 

Tia

Replies 13 (13)
hash777
Shopify Partner
164 9 23

@justaskme  Hi there, pls provid url of shopify store and access as a staff and will sort this out straightaway.

THANKS

justaskme
Excursionist
16 0 2

@hash777 I just messaged you.

hash777
Shopify Partner
164 9 23

@justaskme  Thanks for access, so you want 3 rows of post RIGHT ?

justaskme
Excursionist
16 0 2

@hash777Correct.  If I need to adjust the photo sizes for spacing, please let me know.

hash777
Shopify Partner
164 9 23

@justaskme  Ok you see distrct theme is using side widget on there blog page.

4.PNG

justaskme
Excursionist
16 0 2

@hash777Yes, I disabled the side widget. Does this mean I can't post 3 in a row?

hash777
Shopify Partner
164 9 23

@justaskme  Please check this url so you know what i am saying and they are showing one post in a single row.

https://themes.shopify.com/themes/district/styles/district/preview

you can have 3 posts in a row but that require custom coding.

hash777
Shopify Partner
164 9 23

@justaskme  you can have 3 or 4 posts in a row but that can me done through custom coding, as District theme doesn't provide this option. but let me check further to see if there is some other option.

 

justaskme
Excursionist
16 0 2

@hash777I see what you mean. I thought there would be a code online someplace I could paste to the file of the theme file.  No biggie, if you do find something please let me know. Thank you

 

Also, while I have you, I have another question - I would like to change the font and size in the dropdown menu of "who we are" and "what we offer" in the main menu. Yesterday, I found this code but it only worked for the "what we offer" dropdown and not both dropdowns.

.has-sub-dropdown {
font-family: 'xxxxxx';
font-size:18px;
}

For some reason, it's not working at all now. Is there a code you know of that I can use to change the font and size of both dropdown menus?