Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14757

    Hi folks,

    Hope this is an easy one. I would like to add a light grey border to images within posts, with a couple of pixels white space between the image and border. As things stand, images kinda float in space and I think a border would clean things up:

    https://www.gastronomicslc.com/2012/07/25/news-around-town-072512/

    I am sure I could figure this out in general for all images, but I don’t want the effect all over the site, just on images within posts. Any assistance greatly appreciated

    Stuart

    http://www.gastronomicslc.com

    #84791

    Hi Stuart,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .entry-content.single-entry .size-full {
    border: 2px lightgray solid;
    margin: 5px;
    }

    Regards,

    Devin

    #84792

    Wow, thanks Devin, thats exactly what I needed. I tweaked it a bit: adding padding 5px, 1px border and made the grey a little lighter as to appear thinner, but the .entry-content.single-entry .size-full bit was exactly what I needed.

    Many thanks!

    #84793

    Great! Glad that worked for you :)

    Regards,

    Devin

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

The topic ‘Image borders’ is closed to new replies.