Jump to content

align text to left side of full slideshow

Recommended Posts

  • Replies 9
  • Views 1.3k
  • Created
  • Last Reply
  • 4 weeks later...

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

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

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

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

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.