Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


SJohnsen

Question

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

 

Edited by SJohnsen
Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

3 answers to this question

Recommended Posts

  • 0
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 🙂

Link to post
  • 0
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;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...