align text to left side of full slideshow

Hi, i want ask how can i align text i(in the bottom of slideshow)  to the left border of full slideshow.

Thank you in advance

Solved! design menu - Site spacing

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

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.

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!

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;
}

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

@tuanphan Hi. Any ideas on the additional questions related to this?

Thanks!

@tuanphan Hi. Just checking to see if you saw my last post.

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;
}
}