Resizing Featured collection / Adding padding

[radaApeta]

Hello,

i need help with resizeing / adding padding to my featured collection. The lines on the photo symbolize where i want my collection to appear. Also if there is any way to get rid of the numbers under the collection and gave this <,>  symbol some new look. And the ¨zobrazit vše¨ means view all put somewhere where it looks better 🙂

Thank you !!

Something like this ... this is not my site 

https://81e325-28.myshopify.com/

0007

[BSSCommerce-HDL]

Hi @radaApeta, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
@media only screen and (min-width: 750px) {
  .collection {
    margin: 0 auto;
    width: 80% !important;
   } 
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[radaApeta]

thank you very much, this what i meant

but you can that the bottom text is not in line with the heading. How can i change that ? Thanks

[BSSCommerce-HDL]

Hi @radaApeta, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
@media only screen and (min-width: 750px) {
  .collection__title {
    padding: 0 11px !important;
  }
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍