Home Page Layout

Solved
sokla
Tourist
5 0 4

How can I make my collection list vertical only on the homepage. So instead of my pictures being shown horizontally (pictured below), vertical

22A0A93C-F5DE-4492-BAD6-3EF0923E237E.png

KetanKumar
Shopify Partner
14132 1646 5072

@sokla 

Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
sokla
Tourist
5 0 4

I have not yet published the theme just editing are you still able to help?

0 Likes
KetanKumar
Shopify Partner
14132 1646 5072

@sokla 

no rush, can you please share store preview URL it's fine 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
14132 1646 5072

This is an accepted solution.

@sokla 

great, Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (min-width: 750px) {
.collection-grid .medium-up--one-half {
    width: 33.3333%;
    clear: inherit !important;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
sokla
Tourist
5 0 4

thank you kindly! 1last question How can I change the text color on my collection list page ? The text is white for the entire them which is fine except for collection pages such as “new arrivals, tops, bottoms etc.? Being that the theme’s text is white it washes out products title .I would like the text on those particular pages to be black .

KetanKumar
Shopify Partner
14132 1646 5072

This is an accepted solution.

@sokla 

Yes, please add this 

.collection-grid-item__title {color: #ffffff;}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
sokla
Tourist
5 0 4

Unsuccessful with that one the ShopK.LA disappears because the text default is white as well as the background 

79893CBF-BF7B-49D7-A48E-49D8B388A5DC.png

3F8F0D11-DCB4-42F3-9C33-BFA32D108C77.png

KetanKumar
Shopify Partner
14132 1646 5072

@sokla 

change color as you like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes