• mcl
  • Member
  • Offline
  • Registered: 2013-09-07
  • Posts: 8

Topic: Caption Area: Reduce Vertical Spacing between Title and Description

I have added the following CSS changes to the Caption Area elements, but I do not seem to have reduced the spacing between the two paragraphs.

My Changes

            .jp-cap-content { margin: 1px; padding: 1px; }
           /*  P.jb-caption-title { font-family: monospace; } */
            P.jb-caption-title { margin: 1px; padding: 1px; text-align: center; }
            P.jb-caption-desc { font-style: italic; text-align: center; }
            P.jb-caption-desc { margin: 1px; padding: 1px; }
            /*  Hide Link to image on separate page */
            div.jb-bb-button:nth-child(2) { display: none; }

Any ideas as to which bit I have got wrong, missed or misunderstood ?

Thanks

  • Registered: 2012-04-24
  • Posts: 5,906

Re: Caption Area: Reduce Vertical Spacing between Title and Description

Try reducing the line-height for the .jb-caption p entry on line 236 of the Juicebox-Lite v1.3.2 'jbcore/classic/theme.css' file (from its default value of 23px to something lower such as 15px).

  • mcl
  • Member
  • Offline
  • Registered: 2013-09-07
  • Posts: 8

Re: Caption Area: Reduce Vertical Spacing between Title and Description

Excellent - just what I needed.  Tweaked to make the Title and Description different values.

P.jb-caption-title { line-height: 8px; }  /* if multiline would need to be increased */
P.jb-caption-desc {  line-height: 15px; }

Many thanks