Request Font size, justification, and other controls

Wishlist Photo Gallery
1

I wish you had the ability to set font sizes for titles and text. To control their placement on pop-up screens. Control justification, bold, underline, italic, and so on.

In pop-ups in my gallery its hard to read the text when its on top of the image. On galleries without pop-ups I can make the text readable but it sometimes runs off the edges of the image if I have a lot of it.

Thank you.

1 Like
2

Hi there, @Liz_Ives and welcome to the Community :waving_hand:

Thank you so much for the feedback!

You’ve mentioned that you’d like to control the font of the text element in popup, but I see that the image info now appears only on hover (popup opening is disabled). Would you like to have these options for the image info appearing on hover or for the popup? Or maybe both?

3

Controlling the layout of the font along with style and size everywhere in this app would be great.
Thank you for getting back to me.
Liz

1 Like
4

Got it, thanks!

We’ll try to consider these features as options in the settings. As for now, you can control the style of the text elements using these codes in the Custom CSS field on the Style tab of your widget’s settings:

Change text style on image hover

/* Title*/

.eapp-photo-gallery-info-title {
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  font-style: italic;
  text-decoration: underline;
}

/* Description*/

.eapp-photo-gallery-info-description {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  font-style: italic;
  text-decoration: underline;
}

/* Categories*/
.eapp-photo-gallery-info-category {
  font-size: 10px;
  font-weight: 700;
  font-style: italic;
  text-decoration: underline;
}

Change text style on image hover on mobile

/* Title*/

@media (max-width: 500px) {
.eapp-photo-gallery-info-title {
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  font-style: italic;
  text-decoration: underline;
}

/* Description*/

.eapp-photo-gallery-info-description {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  font-style: italic;
  text-decoration: underline;
}

/* Categories*/
.eapp-photo-gallery-info-category {
  font-size: 10px;
  font-weight: 700;
  font-style: italic;
  text-decoration: underline;
}
}

Change text style in popup


/* Title*/
.global-styles,
.fslightbox-caption-title {
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  font-style: italic;
  text-decoration: underline;
}

/* Description*/
.global-styles,
.fslightbox-caption-description {
    font-size: 15px;
  font-weight: 700;
  text-align: left;
  font-style: italic;
  text-decoration: underline;
}

/* Categories*/
.global-styles,
.fslightbox-caption-categories {
  font-size: 15px;
  font-weight: 700;
  font-style: italic;
  text-decoration: underline;
}
1 Like