Support » Theme: Tender Spring » 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: http://www.cleffonanime.com/
    It’s currently in the test phase…

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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

    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.