Giving image borders

  • I’m looking to add some borders to my image when I post them.
    Is there a way for this to be done automatically when I make a post?

    I’ve tried adding the following to style.css, but it doesn’t appear to work.

    img {
      margin: 0;
      padding: 3px;
      border: 1px solid black;
}

    On another note, is there a way to align a group of images? For example, if I have a series of three images displayed one next to the other, is there a way to center align the whole group? When I tried to center align using the menu buttons on the post screen, the images get forced to a new line instead; they end up center aligned, but arranged one on top of the other…

    For reference, here’s my site: https://www.cleffonanime.com/
    It’s currently in the test phase…

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Cleff

    (@cleff)

    Ok, the border problem is solved.

    It seems that it takes awhile for the style to be updated.

    The second problem still stands though.

    SideKick Dan

    (@shout-out-sidekick)

    Hello Cleff,

    It looks like there’s just some dirty code the wysiwyg editor is adding in the form of classes etc.

    Try something along these lines…

    <p style="text-align:center;"> images here </p>

    and remove the alignleft class that keeps getting added to each image you added. it’s overriding the paragraph align center style and floating images to the left! ?? below is an example of where it appears. delete alignleft class wherever it appears in the img tags.

    <img class="alignleft size-medium wp-image-89" src="location of image" width="240" height="135">

    Keep me posted and let me know if it works ?? it does in firebug

    Danny

    Thread Starter Cleff

    (@cleff)

    Hi Dan,

    That worked very nicely! Thanks ??

    It would be nice if this could be somehow automated by use of the stylesheet, although I highly doubt it.

    Guess I’ll just do it manually since I won’t be using this display format particularly often.

    Thanks once again!

    SideKick Dan

    (@shout-out-sidekick)

    Awesome! Glad to hear it helped ?? Let me know if there’s any more ideas or help i can provide.

    When you insert the pictures, you might see if there is a setting specifying them to be left aligned and set it to none if there is.

    Danny ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Giving image borders’ is closed to new replies.