[Resolved] Space Below Image In Mosaic

Home Forums Support [Resolved] Space Below Image In Mosaic

Home Forums Support Space Below Image In Mosaic

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #210124
    Clyde

    I’m using mosaic on the home page and index pages.

    I’d like to reduce the space below each photo between the photo and headline, and between the headline and category tags.

    Is there a simple way to do that with css?

    Thanks!

    #210151
    Tom
    Lead Developer
    Lead Developer

    Give this CSS a try:

    /* When post image is above the title */
    .post-image-above-header .post-image {
        margin-top: 0;
        margin-bottom: 2em;
    }
    
    /* When post image is below the title */
    .post-image {
        margin-top: 2em;
    }
    
    /* Space between content and title */
    .entry-content, 
    .entry-summary, 
    .page-content {
        margin-top: 2em;
    }
    
    /* Space between footer meta and content */
    footer.entry-meta {
        margin-top: 2em;
    }

    Hope this helps πŸ™‚

    #210292
    Clyde

    The em didn’t seem to change things so I used px and that did the trick.

    Thanks!

    #210293
    Clyde

    So I guess this is resolved.

    #210349
    Tom
    Lead Developer
    Lead Developer

    2em is the default, it can be changed to whatever you like (smaller em, pixels, percentage etc..).

    Glad it worked πŸ™‚

    #210360
    Clyde

    Gotcha. I was thinking about it later and realized that was probably the case.

    I just still blank out when I see em!

    Thanks for all your help.

    #210365
    Tom
    Lead Developer
    Lead Developer

    No problem πŸ™‚

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.