Change width of gallery section type slideshow:simple (7.1 theme Barbosa)

Site URL: https://baatbygg.squarespace.com/test

Hello everyone, hope someone can help me! I am a beginner and don't really know any CSS.

My issue is that the simple slideshow gallery width is smaller than the width of the rest of the content of the page, using the same width settings.

On the testpage https://baatbygg.squarespace.com/test you can see a image in a section set with width L. Underneath is a gallery section (with the same image)  width L, but it isn't the same size (see screenshot). Is there any way to fix that? I've also tried using slideshow:full with different settings but none of them are the same as the rest of my content. 

The only custom CSS I have added is to do with sociable kit and to change the width of the blog section:

.sk-facebook-feed-load-more-posts{
width: 200px !important;
color: #2a2a2d !important;
background-color: #e5dfd6 !important;
border: 2px solid #2a2a2d  !important;
padding: 16px !important;
margin-right: 20px;
border-radius: 0px !important;
} 

.sk-facebook-feed-bottom-follow-btn{
width: 200px !important;
color: #2a2a2d !important;
background-color: #e5dfd6 !important;
border: 2px solid #2a2a2d !important;
padding: 16px !important;
border-radius: 0px !important;
}

/*blog*/
.tweak-blog-basic-grid-width-full .blog-basic-grid {
  width: 1400px !important;
    padding-left: 0;
    padding-right: 0;
  }

Really hoping someone can help me, thanx in advance!

Edit Test Page > Add a Code Block > Paste this code

<style>
  .gallery-slideshow-item img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
</style>

On 11/21/2020 at 4:25 PM, tuanphan said:

Edit Test Page > Add a Code Block > Paste this code

<style>
  .gallery-slideshow-item img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
</style>

 

Hi thank you for your reply 🙂  I added a code block (HTML) under the slideshow and added this code, nothing seems to happen? Not sure if I did somethning wrong 🙂

On 11/26/2020 at 9:21 PM, SJohnsen said:

Hi thank you for your reply 🙂  I added a code block (HTML) under the slideshow and added this code, nothing seems to happen? Not sure if I did somethning wrong 🙂

Try adding this to Home > Design > Custom CSS

.gallery-slideshow-item img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}