Home Forums ePix Support Remove gap / padding between blog images

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #44739
    Barnaby Aldrick
    Barnaby Aldrick
    Participant

    I’m just getting my head around this powerful template, but have noticed that when posting a stream of blog images, there’s an default gap between the bottom of each image and the top of the next. Can image padding/gap be removed by default for every blog? I like to have my images buffer up with no gap at all.

    I presume this requires a bit of CSS code to drop into the Customize>Custom CSS box right? Thanks in advance for the advice!

    #44763
    Barnaby Aldrick
    Barnaby Aldrick
    Participant

    In answer to my own question, after watching your Theme/Web Page Customization screencast – I think I’ve sorted it with the CSS:

    .aligncenter, img.aligncenter {
    margin: 0 auto 0px auto !important;
    display: block;
    }

    I’d still be interested to know if that’s the best way of doing it and if it will inadvertantly affect much else.

    Cheers

    #44793

    Tom ( Support)
    Keymaster

    Hi,

    Thats great you have come up with some code but it looks like it would affect a few other elements. What you could do is find the page ID and set your code to just perform its action on that specific or template.

    Try the following CSS.

    .page-template-blog-php #primary-wrapper .aligncenter, img.aligncenter {
    margin: 0 auto 0px auto !important;
    display: block;
    }
    

    This should target only the blog template.

    Hope this helps.

    Kind regards,
    Tom

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

© 2019 Acoda