Brooklyn collection list images

[Fabian_weldon]

 I have changed this code in order to make my collection images fulls screen:

 

For some reason however the images are slightly different sizes. The point at which they meet is not in the middle of the page (doesn't line up with images with text below) as you see here. Is there a way to make them both the same size as well?

Thanks in advance.

[JHKCreate]

Hi @Fabian_weldon 

Would you mind sharing your store's URL so we can have a look here?

[Fabian_weldon]

www.ecowatches.co.uk

thanks

[JHKCreate]

The image & text below these two images have white paddings on their border, for both sections to align you would need to either remove said padding or add the padding to the two collection images up top.

[Fabian_weldon]

thanks for the info.

How might I be able to add the padding?

[JHKCreate]

Add the following code to your theme.scss file:

@_media screen and (min-width: 591px)
{
div#shopify-section-featured-collections {
    margin-left: 60px;
    margin-right: 60px;
}
}

Let us know if that works! 

[Fabian_weldon]

Thanks for the code.

Unfortunately that has messed up my website like this:

[JHKCreate]

This shouldn't affect other elements here, where did you place it in the file? 

[Fabian_weldon]

I placed it at the end of theme.scss