Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Bedford banner slideshow - Static text (mobile) CUSTOM CSS


Candela_Studio

Question

Hello,

Firstly, thank you to the various contributors and the community on this forum for the numerous times I've found solutions whilst customising my squarespace website.

  I'm using the Bedford template, and have created a slideshow banner on the home page. As standard the images and overlaying headings fade in and out. I wanted the text to remain static. I fixed this issue with the below custom css, which works fine when viewing the site on a desktop. However this doesn't fix it when viewing on a mobile device, and the text transitions in and out with the image.  Can anyone help me out?

Link to site: https://www.candelastudio.co.uk/

Thank you

 

/*Removing fade transition from index gallery */
 
 .sqs-active-slide {
       opacity: 1 !important;
 }

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

2 answers to this question

Recommended Posts

  • 0

@Candela_Studio not 100% sure if this could be abbreviated, but this worked for me:

 

.has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta, .has-promoted-gallery .promoted-gallery-wrapper .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta, .has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top .meta, .has-promoted-gallery .promoted-gallery-wrapper .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top .meta, .has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top-left .meta, .has-promoted-gallery .promoted-gallery-wrapper .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top-left .meta, .has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-center .meta, .has-promoted-gallery .promoted-gallery-wrapper .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-center .meta, .has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom-left .meta, .has-promoted-gallery .promoted-gallery-wrapper .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom-left .meta, .has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom-right .meta, .has-promoted-gallery .promoted-gallery-wrapper .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom-right .meta, .has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top-right .meta, .has-promoted-gallery .promoted-gallery-wrapper .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top-right .meta {


transition: all 0s ease-in-out 0s !important;

}

 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...