Jump to content

Gallery info icon; jQuery

Recommended Posts

Hi all,

Site URL: https://www.brookebuilt.com/

The home page contains a gallery. 2 images have description.

On select images, there is a info icon at top right corner. When clicked, the image shrinks and description slides out.

Now I want to have the description showing up WITHOUT clicking the info icon.

I don't find any settings regarding the info icon behaviour.

 

I also tried to inject jQuery to simulate the click, but the debug console gave me this error:

Quote

$ is not defined

 

Thanks for your help in advance.

Link to comment
  • Replies 6
  • Views 418
  • Created
  • Last Reply

Hi @caseybrooke

Sorry for the late reply.
I don't have a solution to the mobile issue (perhaps others who read this can help?)

If you can't figure it out you may consider change color/increase the size of the 'i'-button to make it more visible:

.ctrl-button.info {
                 top: 5% !important;
                 right: 1% !important;
}

.icon-info:before {
                  color: orange !important;
                  font-size: 40px !important;
}

An observation:
Because of the 'locked' adressbar your slideshow appears extremely narrow in landscape mode.
To enable full screen (at least in Chrome):

#fullscreenBrowser {         
         height: 100vh !important;
}
.slideshow {
          height: 100% !important;
          margin-top: 0 !important;
}

 

I hope this was helpful.

Magne

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.