Slideshow description runs out of window at 100%? (7.0, Brine)

Site URL: https://dinosaur-orb-l5kz.squarespace.com/

PW: nshtest

OK, I've run into a strange issue. I've created a full-width slideshow on an index page, and wanted to increase the title/description background to full width. However, when I did this:

.Index-gallery-item-content {
width:100%;
}

The attached image is the result—the container for the description is now wider than the window! (The gallery content is set to max-width of 100% in Site Styles.) Any thoughts on why this is happening & how to fix it?

Thanks!

18 minutes ago, ianmcarey said:

Site URL: https://dinosaur-orb-l5kz.squarespace.com/

OK, I've run into a strange issue. I've created a full-width slideshow on an index page, and wanted to increase the title/description background to full width. However, when I did this:

.Index-gallery-item-content {
width:100%;
}

The attached image is the result—the container for the description is now wider than the window! (The gallery content is set to max-width of 100% in Site Styles.) Any thoughts on why this is happening & how to fix it?

Thanks!

You site is private, try enable site wide password and let us know

22 hours ago, bangank36 said:

You site is private, try enable site wide password and let us know

@bangank36 password is nshtest , any thoughts? Thanks!

8 hours ago, tuanphan said:

@ianmcarey Try this code

#collection-60dd1d1f5fb0f05e0c4b8aec .Index-gallery-item-content {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#collection-60dd1d1f5fb0f05e0c4b8aec .Index-gallery-item-content>* {
    padding-right: 20px;
}

 

Hey thanks @tuanphan that worked! And I learned about the * function. One last thing though—you'll notice the left side of the background block doesn't quite reach the edge of the window. You can see a couple of pixels of the photo behind it. Any ideas?

On 7/6/2021 at 1:17 AM, ianmcarey said:

Hey thanks @tuanphan that worked! And I learned about the * function. One last thing though—you'll notice the left side of the background block doesn't quite reach the edge of the window. You can see a couple of pixels of the photo behind it. Any ideas?

Hi. Looks fine here. Can you take a screenshot?

Also, I found some issues on your site. Do you need fix this? We will help (free)

Site URL – https://dinosaur-orb-l5kz.squarespace.com/?password=nshtest

1. (Homepage) Align text?

https://dinosaur-orb-l5kz.squarespace.com/?password=nshtest

2. (Mobile – Footer) Chang phone number to 3 rows?

https://dinosaur-orb-l5kz.squarespace.com/?password=nshtest

4. (Mobile – Contact) Scroll bar at bottom of page.

https://dinosaur-orb-l5kz.squarespace.com/contact/?password=nshtest

5. (Tablet – Homepage) Increase text width and image width?

https://dinosaur-orb-l5kz.squarespace.com/?password=nshtest

6. (Tablet – Homepage) Change to 3 texts/row?

https://dinosaur-orb-l5kz.squarespace.com/board-staff/?password=nshtest

@tuanphan Thanks, just messaged you!

16 hours ago, tuanphan said:

Hi. Looks fine here. Can you take a screenshot?

Also, I found some issues on your site. Do you need fix this? We will help (free)

Site URL – https://dinosaur-orb-l5kz.squarespace.com/?password=nshtest

1. (Homepage) Align text?

https://dinosaur-orb-l5kz.squarespace.com/?password=nshtest

2. (Mobile – Footer) Chang phone number to 3 rows?

https://dinosaur-orb-l5kz.squarespace.com/?password=nshtest

4. (Mobile – Contact) Scroll bar at bottom of page.

https://dinosaur-orb-l5kz.squarespace.com/contact/?password=nshtest

5. (Tablet – Homepage) Increase text width and image width?

https://dinosaur-orb-l5kz.squarespace.com/?password=nshtest

6. (Tablet – Homepage) Change to 3 texts/row?

https://dinosaur-orb-l5kz.squarespace.com/board-staff/?password=nshtest

@tuanphan Thanks! I had already fixed some of those things by the time I saw this—I think the one I could use help on is changing the number of

On 7/12/2021 at 1:48 PM, ianmcarey said:

@tuanphan Thanks, just messaged you!

 

@tuanphan Thanks! I had already fixed some of those things by the time I saw this—I think the one I could use help on is changing the number of

Hi.

What issues do you need help with?