Jump to content

Full bleed slideshow height not working

Go to solution Solved by Spark-Plugin,

Recommended Posts

  • Replies 2
  • Views 434
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

  • Solution
Posted

Hello @LukeDesign, you can do that by adding the following code:

  1. Navigate to Pages > Website Tools > Custom CSS.
  2. Paste the code into the CSS editor.
  3. Hit Save and you’re done

Note: Play around with the PX values.

// Desktop//
.gallery-fullscreen-slideshow[data-width="full-bleed"] {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    height: 600px !important;
}

// Mobile//
@media screen and (max-width:768px) {
  .gallery-fullscreen-slideshow[data-width="full-bleed"] {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    height: 300px !important;
  }
}

Hope it helps:)

- Answered by Iuno from sparkplugin.com

forumsignature-recommendedcopy2.png.0579645eb1430dc7c1059541dc6456c6.png

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.