Increase Font Size of Title for Zoomed View in Photo Gallery

cris357
3 Posts
cris357 posted this 11 February 2021
Ask a Question

Hello.

I'm using the latest version of NicePage desktop to create an html export.

With a photo gallery block, is there a way to increase the font size of an image title that is displayed when viewing the larger image version that displays in the lightbox after the thumbnail is clicked.

I tried the following CSS and it moved the entire gallery to the right, sticking outside the block.

.pswp__caption__center {
font-size: 18px;
}

I tried the following CSS and it squished the block from top to bottom and made the background grey instead of white.

.pswp__caption {
font-size: 18px;
}

Thank you.

Hello. I'm using the latest version of NicePage desktop to create an html export. With a photo gallery block, is there a way to increase the font size of an image title that is displayed when viewing the larger image version that displays in the lightbox after the thumbnail is clicked. I tried the following CSS and it moved the entire gallery to the right, sticking outside the block. .pswp__caption__center { font-size: 18px; } I tried the following CSS and it squished the block from top to bottom and made the background grey instead of white. .pswp__caption { font-size: 18px; } Thank you.

Last edited 12 February 2021 by cris357

Vote to pay developers attention to this features or issue.
3 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 12 February 2021

Hi Cris,

I have tried to use the first code and it works fine on my end. Please provide a link to the site where we could see the issue.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Cris, I have tried to use the first code and it works fine on my end. Please provide a link to the site where we could see the issue. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
cris357
3 Posts
cris357 posted this 12 February 2021

Thank you, Hella for verifying that the first css code should work. After putting the code in the overall site settings CSS, it works perfectly. When in the block specific CSS, that's when I saw the issues.

Thank you, Hella for verifying that the first css code should work. After putting the code in the overall site settings CSS, it works perfectly. When in the block specific CSS, that's when I saw the issues.
Support Team
Support Team posted this 15 February 2021

Hi Cris,

Nice to hear that everything is fine now, feel free to contact us on any occasion.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Cris, Nice to hear that everything is fine now, feel free to contact us on any occasion. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments