How to change this white section on my collections page?

Please help I have looked everywhere on Shopify for how to change this white line on my collections page to match the rest of my page or to remove it but I cannot figure out how.

1 Like

Hello @EmazingEarth
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

Hey @EmazingEarth

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

Hello @EmazingEarth
your store is password protected.

https://emazingearth.com/

Password: emazing

https://emazingearth.com/

Password: emazing

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px){ #shopify-section-template--17268853801135__main .title--primary { margin: 0 !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Hello @EmazingEarth
Go to online store ----> themes ----> actions ----> edit code ---->base.css ----> line number 779
search this code

.title--primary {
margin: 4rem 0;
}

and replace with this code.

.title--primary {
margin: 0rem 0;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

1 Like
  • Here is the solution for you @EmazingEarth
  • Please follow these steps:

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.title--primary {
    margin: 0 !important;
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like