gromova_photo

Remove code I sent and add this to Website Tools > Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $( ( ) => { const selector = '.user-items-list-carousel__slides .list-item'; $( selector ).each ( function ( ) { const $this = $( this ); $( $this ).click ( function ( ) { const url = $( '.list-item-content__button', $this ) .attr ( 'href' ); $( `<a href="${ url }" target="_blank">` ) .get ( 0 ) .click ( ); } ); } ); } ); </script> <style> .user-items-list-carousel__gutter { cursor: pointer; } .user-items-list-carousel__slide { pointer-events: initial !important; } </style>  

@vccc try this:
.user-items-list-item-container { .user-items-list-carousel__slide { pointer-events: initial !important; } li img { transition: 1s; } li img:hover { *your effect here* transition: 1s; } } However, it is supposed to apply one effect to all items in the carousel. If you need to apply per specific item you will probably need to use 
li:nth-child(1)  

I've already found how to achieve what I wanted initially, so the code is following (colors are changed for a better visibility):
section[data-section-id="6419714a27dc5f7ed295827e"] .section-background { background: linear-gradient(to bottom, #f7ebe1 0%, #928b86 100%); } section[data-section-id="641989c5f066bc053d946bb3"] .section-background { background: linear-gradient(to bottom, #928b86 0%, #282828 100%); } However, question is that to achieve that I was required to use an “intermediate” color which was manually defined, while I was searching for a solution to use only starting and ending colors, is there anything like this possible (to "merge" the background of 2 sections)?