Jump to content

Banner text alignment & colour for 6 different slideshow images

Recommended Posts

Site URL: https://okra-robin-f2zc.squarespace.com

Hello!

I am trying to get my slideshow Banner text aligned to the left (remaining centred vertically) but have had no luck with code previously suggested.

I also seem to be missing the Title on each of them but not the supporting text.

Added bonus would be to have the option to alternate between black and white text so the titles are legible as they scroll through (but this isn't a must - I can do without if impossible).

Any ideas?

Thanks in advance!

Link to comment

Hi

Use this code in Design -> Custom CSS

.has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow .meta, .has-promoted-gallery .promoted-gallery-wrapper .sqs-gallery-block-slideshow .meta {
    width: 100vw !important;
    max-width: 100vw !important;
}

.has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow .meta, .has-promoted-gallery .promoted-gallery-wrapper .sqs-gallery-block-slideshow .meta p {
    margin-left: 0 !important;
}

Please use the like button if it helps you!

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment
59 minutes ago, IXStudio said:

Hi

Use this code in Design -> Custom CSS


.has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow .meta, .has-promoted-gallery .promoted-gallery-wrapper .sqs-gallery-block-slideshow .meta {
    width: 100vw !important;
    max-width: 100vw !important;
}

.has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow .meta, .has-promoted-gallery .promoted-gallery-wrapper .sqs-gallery-block-slideshow .meta p {
    margin-left: 0 !important;
}

Please use the like button if it helps you!

Best,
Leopold

Amazing thank you!

Link to comment

Create an account or sign in to comment

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

×
×
  • 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.