Jump to content

Gallery Caption workarounds for 7.1? ROUND TWO

Recommended Posts

I tucked the Code Bock beneath a section of copy. This works fine in the desktop view, but on mobile the box creates a gap. Is there anyway to force the Code Block to be smaller?

2030536586_ScreenShot86.png.6e8db47614df8ebc17a9fd000fb31ee7.png

Without Code Block.

482738136_ScreenShot87.png.6a7144b62894192d97889e27de857c0d.png

With Code Block.

*Edit: I can get rid of the gap converting the code to Markdown:

.gallery-item-description { display: none !important; }

The gap disappears because the code is shorter. But the code flashes for a brief second on page redraw.

Weird.

*Update: The code used the Paragraph Medium color in the palette. If I change that to the background color, the code/flash disappears.

Edited by CooperWhite
Link to comment
On 10/17/2022 at 10:00 PM, CooperWhite said:

I tucked the Code Bock beneath a section of copy. This works fine in the desktop view, but on mobile the box creates a gap. Is there anyway to force the Code Block to be smaller?

2030536586_ScreenShot86.png.6e8db47614df8ebc17a9fd000fb31ee7.png

Without Code Block.

482738136_ScreenShot87.png.6a7144b62894192d97889e27de857c0d.png

With Code Block.

*Edit: I can get rid of the gap converting the code to Markdown:

.gallery-item-description { display: none !important; }

The gap disappears because the code is shorter. But the code flashes for a brief second on page redraw.

Weird.

*Update: The code used the Paragraph Medium color in the palette. If I change that to the background color, the code/flash disappears.

Did you solve or still need help? If need help, can you share link to page in screenshot?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Thanks for checking up.

I finally did solve the problem of the code flashing by changing it's color by adjusting the Paragraph Medium choice in the color palette I'm using for the background. This makes the code the same as the background color.

The gap issue cause by the code was solved by making the code all one line instead of stacked. Markdown did not work though. The <style> tags were needed.

 

 

Link to comment

Create an account or sign in to comment

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

×
×
  • 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.