Jump to content

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

Recommended Posts

Posted

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!

 

 

testpage.jpg

 

  • Replies 3
  • Views 2.4k
  • Created
  • Last Reply
Posted
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 🙂

  • 2 weeks later...
Posted
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.