Jump to content

align text to left side of full slideshow

Recommended Posts

  • Replies 9
  • Created
  • Last Reply
  • 4 weeks later...
8 hours ago, smdreyer said:

How do you get the image title/description UNDER the images (not overlayed)?

Default, caption is under in SS 7.1. If your site is 7.0, can you share link, we can check easier.

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

stevedreyer.com/rothkoinspiration

pw: rothko

I now have the title and description overlayed (which I DON'T want). I'd like the text in the white space under the images as they scroll.

I need this to work on mobile also (preferably just under the images).

Lastly (if not to much of a request all at once): I'd like the controls outside the image.

By the way, if this can also work for the lightbox that would be perfect :)!

Thanks!

Link to comment
On 7/23/2020 at 1:52 AM, smdreyer said:

stevedreyer.com/rothkoinspiration

pw: rothko

I now have the title and description overlayed (which I DON'T want). I'd like the text in the white space under the images as they scroll.

I need this to work on mobile also (preferably just under the images).

Lastly (if not to much of a request all at once): I'd like the controls outside the image.

By the way, if this can also work for the lightbox that would be perfect :)!

Thanks!

Add to Home > Design > custom CSS

.sqs-gallery .meta {
    margin-bottom: -60px !important;
    background: transparent !important;
}
.sqs-gallery .meta * {
    color: black !important;
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Great! This works well as long as I have a max of two lines in description or with Title and one line of description. I see that changing your -60px to other numbers gives me flexibility, but two lines is certainly preferable to overlaying the text on the images!

Only two other things (which would help me, but also many others!) that would be perfect!:

1- The text doesn't show up on mobile (iPhone) when held vertically. Shows up horizontally but then the image doesn't fit on the screen.

2- If this can be done for Lightbox (text under instead of overlayed) that would be fantastic.

Thanks again!

Steve

 

Link to comment
  • 2 weeks later...
On 7/24/2020 at 10:13 PM, smdreyer said:

Great! This works well as long as I have a max of two lines in description or with Title and one line of description. I see that changing your -60px to other numbers gives me flexibility, but two lines is certainly preferable to overlaying the text on the images!

Only two other things (which would help me, but also many others!) that would be perfect!:

1- The text doesn't show up on mobile (iPhone) when held vertically. Shows up horizontally but then the image doesn't fit on the screen.

2- If this can be done for Lightbox (text under instead of overlayed) that would be fantastic.

Thanks again!

Steve

 

With mobile, add this to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.sqs-gallery-block-slideshow .slide.loaded .meta {
    opacity: 1 !important;
    display: block !important;
}
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.