Need my Multicolumn/Collection to have Split Color

[albertgacute]

My current trade theme shows 

How can i make the bottom part blend on the second section just as seen on the image below

Please see access below on the store

https://send.bitwarden.com/#yYY5Etw5lke3JrGhAO3qag/zv8zFpIuP6NNWhYV-Y_vlg

[BSS-TekLabs]

Hi @albertgacute,

You can follow these steps to make the effect on desktop

1. Open Online Store > Theme > Edit Code

2. Find and open the base.css (or theme.css, custom.css) file

3. Paste the code snippet below at the bottom of the file and hit save

@media screen and (min-width: 990px) {
    #shopify-section-template--23005625909559__multicolumn_34W9ry .multicolumn {
        position: relative;
        height: 200px;
    }
    #shopify-section-template--23005625909559__multicolumn_34W9ry slider-component {
        position: absolute;
        bottom: -175px;
        z-index: 100 !important;
    }
    
    #shopify-section-template--23005625909559__multicolumn slider-component {
        visibility: hidden;
    }
}

Here is the result

Hope this helps you solve the issue.

Please don't forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!