Brooklyn collection list images

Fabian_weldon
Explorer
109 0 25

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

Screenshot 2021-01-30 at 11.43.32.png

Screenshot 2021-01-30 at 11.43.45.png

 

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.

 

Fabian_weldon_1-1612007161706.png

 

 

0 Likes
JHKCreate
Shopify Partner
1973 318 421

Hi @Fabian_weldon 

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

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
Fabian_weldon
Explorer
109 0 25
0 Likes
JHKCreate
Shopify Partner
1973 318 421

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.

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
Fabian_weldon
Explorer
109 0 25

thanks for the info.

How might I be able to add the padding?

0 Likes
JHKCreate
Shopify Partner
1973 318 421

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! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
Fabian_weldon
Explorer
109 0 25

Thanks for the code.

Unfortunately that has messed up my website like this:

 

Screenshot 2021-01-30 at 18.10.28.pngScreenshot 2021-01-30 at 18.10.25.png

 

0 Likes
JHKCreate
Shopify Partner
1973 318 421

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

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
Fabian_weldon
Explorer
109 0 25

I placed it at the end of theme.scss

0 Likes