Change Blog Display

sumnb0011
Excursionist
30 0 12

Hello,

I am trying to change the display on my blog section so there are 4 articles per row instead of 3.

I would also like the blog to display 2 articles per row on mobile instead of 1 that is currently being showed.

My site is - www.popcycleco.com 

Thanks 

0 Likes
Jasoliya
Shopify Expert
4301 569 1073

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss Or theme.css-> paste bellow code in bottom of file

@media only screen and (min-width: 1024.1px){
#BlogSection .large--four-twelfths {
    width: 25%;
}}
#BlogSection .large--four-twelfths {
    width: 100%;
}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
sumnb0011
Excursionist
30 0 12

Hello, 

Thanks but it didnt change anything unfortunately, any idea what might be wrong?

0 Likes
Jasoliya
Shopify Expert
4301 569 1073

try this, may be override store css

@media only screen and (min-width: 1024.1px){
#BlogSection .large--four-twelfths {
    width: 25% !important;
}}
@media only screen and (max-width: 767px) {
#BlogSection .large--four-twelfths {
    width: 100% !important;
}
}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
sumnb0011
Excursionist
30 0 12

Thanks which section should I put the code - I tried in theme.scss but there was no change

Jasoliya
Shopify Expert
4301 569 1073

I cant see you have added code.

Yes add in theme.scss file  at end 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
sumnb0011
Excursionist
30 0 12

I took the code out because it didn't change the layout - any other recomendations?

Thanks

0 Likes
Jasoliya
Shopify Expert
4301 569 1073

if you cant then add me staff i will do..Pm me

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes