space between products and non clickable banner

[aeshvi]

i have unnecessary space between products how can i remove it, and how can i make my banner clickable with individual link i have tried in the theme setting but it did not work, my site is www.aeshvi.com it is based on sense theme

please help

 

[Dan-From-Ryviu · Accepted solution]

Hi @aeshvi 

You can add those code at the bottom of your base.css file in Online store > Themes > Edit code and add link for each button link of each slide to make your image banner clickable 

.slideshow__text-wrapper { 
padding: 0 !important; 
max-width: 100% !important; 
}
.slideshow__text { 
height: 100% !important; 
width: 100% !important; 
opacity: 0; 
max-width: 100% !important; 
}
.banner__buttons .button {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0; 
}

[Dan-From-Ryviu · Accepted solution]

Hi @aeshvi 

You can add those code at the bottom of your base.css file in Online store > Themes > Edit code and add link for each button link of each slide to make your image banner clickable 

.slideshow__text-wrapper { 
padding: 0 !important; 
max-width: 100% !important; 
}
.slideshow__text { 
height: 100% !important; 
width: 100% !important; 
opacity: 0; 
max-width: 100% !important; 
}
.banner__buttons .button {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0; 
}

[aeshvi]

Hello thank you for replying
I have both different issues
I want to make slideshow images clickable only
Dont want to change space in them
I want to change space as attached in the screenshot

[Dan-From-Ryviu]

Hi @aeshvi 

The code above to make images clickable only, make sure you add code and add link to button link of slideshow

[aeshvi]

hi thank you soo much for taking your time and replying to me it really worked,

thank you again for being helpful

i am asking to much but if its possible can you solve the other thing too

[Dan-From-Ryviu]

Could you explain your other request so I can check and help you?

[aeshvi]

yes i  have att ached two images u can see the difference, basically i want to remove unwanted space from the products so that can look more elegant

[Dan-From-Ryviu]

Please add this code at the bottom of your base.css file 

.collection .card__inner { width: 100% !important; }
. collection .grid {
    column-gap: 20px !important;
    row-gap: 20px !important;
}

 

[aeshvi]

ok thank you i'll try it

[Dan-From-Ryviu]

You are very welcome, @aeshvi 

[aeshvi]

hi sorry to disturb u again, but can check my site on desktop there is an issue when i vertically scroll in the slideshow it does not scroll but the slideshow image gets a little up

thank you in advance

[Dan-From-Ryviu · Accepted solution]

Please add this code to solve that issue

.slideshow__slide { overflow: hidden; }

[aeshvi]

literally man you are a magician, i have searched the entire internet before but no one could help me with,

you are the best

[Dan-From-Ryviu]

Happy I could help.