Spacing/Padding issue: Providence Theme

Solved
belmonili
New Member
3 0 1

Hello! I have the Providence theme, and I have been looking for a workaround to create a "collection of collections". Through the various discussion boards I figured out how to create a list-collections template and a page.list-collections for the various different pages of collections I want to create. Here's what I did:

 

1) I created a menu listing all of the collections I'd like to have on a page and called that menu "all-XXX" (so, for example, "all-necklaces")

2) I then created "list-collections.necklaces.liquid" and edited the code to include this: 

{% for link in linklists.all-necklaces.links %}
{% assign collection = link.object %}

3) I then created a "page.list-collections.necklaces.liquid" and added the "list-collections.necklaces.template" code

4) I then created a page with the "page.list-collections.necklaces.liquid" code

 

I did this for all of the pages I refer to below.

 

The spacing/padding on these are all askew though, and I cannot figure out how to edit them so that they are all the same.

 

My website is https://www.belmonili.com

 

An example of a product page with spacing I like is: 

https://belmonili.com/collections/collage-necklaces

 

The pages where the margins/padding on the top of the collection images are too large and I don't know how to fix are:

https://belmonili.com/pages/shop 

https://belmonili.com/pages/shop-necklaces

https://belmonili.com/pages/shop-bracelets

https://belmonili.com/pages/shop-earrings

https://belmonili.com/pages/shop-inspirational

https://belmonili.com/pages/shop-vintage-statement

 

Can anyone offer any suggestions here as to how I can fix this? Any help would be greatly appreciated!

 

KetanKumar
Shopify Partner
17062 1851 6385

This is an accepted solution.

Hello, @belmonili 

Thanks for post.

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

.collection-title {
    margin-top: 8px;
    margin-bottom: 5px;
}
.collection-item-count {
    font-weight: 600;
}

change the value 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
belmonili
New Member
3 0 1

Thank you so much!

0 Likes
ZayedTalib
Tourist
4 0 1

Can you share with me the exact instruction you used to get the list.collections templates in good order?

I would like to do the same thing.

I am also running the Providence theme.

Thank you!

KetanKumar
Shopify Partner
17062 1851 6385

@ZayedTalib 

Sorry you are facing this issue, it would be my pleasure to help you.

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

Please share your site URL,
I will check out the issue and provide you 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
ZayedTalib
Tourist
4 0 1

Hi Ketan,

fnb.bazaarbesar.sg

I would like to display the collections list that matches Collections I place in the East.

Is this possible for you to help with?

I'm using the providence theme.

Thank you.

0 Likes
KetanKumar
Shopify Partner
17062 1851 6385

@ZayedTalib 

sorry for this issue 

bt your store is password protect 

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
ZayedTalib
Tourist
4 0 1

Apologies

Store password is theack

0 Likes
KetanKumar
Shopify Partner
17062 1851 6385

@ZayedTalib 

got it 

if possible to further issue screenshot so i will give you proper solution 

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
ZayedTalib
Tourist
4 0 1
I would like to show only certain collections in this collection page.

Currently i can only show all collections.

My intention is I want to show only specific collections. in any given
collection page.

For example I want to show only certain collections under the collection
called East.


0 Likes