Remove "I" information on smartphone

[Anonymous]

Hello,

if i use the “Phantom” module i have at the gallery view on my smartphone on the left side a little “I” button for information or something.
On desktop version it’s hide.

The “CLOSE” Button is also too big.

How can i remove the information button and make the close button smaller?

Thanks.

[Rattus]

“i” sign means that image have caption. Tap once on image to see/hide caption on mobile devices.
To change button size go to edit gallery -> Advanced Settings and add this to Custom CSS:

.gmPhantom_LightboxNav_CloseBtn span { font-size: 1.1em; }

Note: this will change button size on desktop and mobile browsers. Set less number for smaller button size (default is 1.2em)

[Anonymous]

Hello, I have a similar problem and was not sure where to postit. I would like to reduce the size of both the close and share buttons. They appear too big on smart phones. I followed your instructions above but notivced no change. Please can you help me?

[Rattus]

Above instruction only for Close button. To reduce both buttons use this CSS code:

.gmPhantom_LightboxNav_CloseBtn span { font-size: 1.0em; }
.gmPhantom_LightboxSocialShare .gmAddThisShareButton a { font-size: 1.0em; }
.gmPhantom_LightboxSocialShare .gmAddThisShareButton a:hover { font-size: 1.0em; }

[Anonymous]

Sorry for the late reply. Many, many thanks, it worked.

[Author]

Posts