How to make 3 blog columns

[justaskme]

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

[hash777]

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

THANKS

[justaskme]

@hash777 I just messaged you.

[hash777]

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

[justaskme]

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

[hash777]

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

[justaskme]

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

[hash777]

@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]

@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]

@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?

[hash777]

@justaskme  Yes I can change font size and color, all that and any other minor CSS as per your requirement but for 3 columns of blog need full new page template custom coding.

So I will change the font size and ask you to check it how you want it to be. 

OK

[justaskme]

@hash777Ok, it possible you can tell me where in the code to do this?  This way I can play around with multiple fonts I have

[hash777]

@justaskme  Ok what font you want, just for header menu . what about headings and text font ? Pls reply ASAP

[hash777]

@justaskme  Yes I have done some changing which you can check. Furthermore Follow these steps for font and size changing.

1. From your Shopify admin, go to Online Store 
2. and then click Customize.
3. Click Theme settings 
4. Click Typography to change fonts
5. Click colors to change colors
6. Click Save.

If helpful then please Like and Accept Solution.
THANKS