Increase Slideshow Height for Craft Theme

[SunkissedBikini]

Hello,

so I want to increase the slideshow height for my store. It is already full width I just need it extended a bit more. I found the code for the “large” section of the slide height, I added the “extra large” code but it does not have the translation for it. I do not code but I figured that the translation could be added but I do not know where. I inserted screenshots for reference. Website is SunkissedMaillot.com

Thank you.

[BrainStation23]

Hi @SunkissedBikini . Just remove the extra large option that you added**.**

What you can do is the following:

1. Go to your theme editor.

2. Click Slideshow

3. Click in the Custom Css and paste the following code there.

@media screen and (min-width: 750px) {
  slideshow-component .banner--large:not(.banner--adapt) {
    min-height: 85rem !important;
  }
}

You can view the following screenshot as a reference.

Let us know if this works for you or not, also if you’ve any queries.

Thanks a lot. Have a great day.

[SunkissedBikini]

Amazing, this worked. Thank you for the help!!!

[SunkissedBikini]

I do have one more question, are you able to send me the custom css for the mobile portion of it. The code does work for desktop and I would like it to also work for mobile. Can it be an addition to the existing code so both size heights are different.

Thanks.

[BrainStation23]

@SunkissedBikini . You’re most welcome. Sure, we’re checking for the mobile version. Will let you know

[BrainStation23]

@SunkissedBikini . Just replace the entire previous code in the theme editor with the following:

slideshow-component .banner--large:not(.banner--adapt) {
    min-height: 85rem !important;
  }

You can view the following screenshot:

Let us know if you need any help. Have a great day.