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

0 Likes
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

0 Likes
justaskme
Excursionist
16 0 2

@hash777 I just messaged you.

0 Likes
hash777
Shopify Partner
164 9 23

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

0 Likes
justaskme
Excursionist
16 0 2

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

0 Likes
hash777
Shopify Partner
164 9 23

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

4.PNG

0 Likes
justaskme
Excursionist
16 0 2

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

0 Likes
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.

0 Likes
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.

 

0 Likes
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?

0 Likes