Padding between collection pages and the footer

New Member
3 0 0

Hello! I would like to add a bit more space between the images/text/nav on the collection landing pages and the footer. I can't find the relevant bit of code to edit (and I am a novice at it!)

I am using Debut. Links to example pages below.

The individual product pages are fine its just on the collection pages where everything looks squeezed.

Thanks in advance for any help!

Ruth

https://blackandwhitebookproject.com/collections/frontpage

https://blackandwhitebookproject.com/collections/frontpage/book-sets#MainContent

 

0 Likes
Tourist
13 0 2

Hey, Ruth

Try the foollowing. Put it in your CSS file.

.template-collection .site-footer {
  margin: 55px 0 0;
}

Let me know if this works for you.

Regards
Nitn

Nitin Sharma
0 Likes
New Member
3 0 0

Hi Nitn,

Thanks for your reply, much apprecaiated. Where exactly should I insert the code above? Could you give me a line reference? I can't find anything in theme.scss.liquid that relates.

Thanks

Ruth

0 Likes
Highlighted
Tourist
13 0 2

Hi, Ruth

You can just place it at the very bottom of your theme.scss file.

Regards,

Nitin

Nitin Sharma
0 Likes
New Member
3 0 0

Hi Nitin,

It worked! Thanks so much for your help and guiding me through where to put the code.

Best wishes

Ruth

0 Likes