FROM CACHE - en_header

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

hash777
Shopify Partner
168 9 23

@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
Excursionist
16 0 2

@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
Shopify Partner
168 9 23

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

hash777
Shopify Partner
168 9 23

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