WordPress.org

Ready to get started?Download WordPress

Forums

Tender Spring
Giving image borders (5 posts)

  1. Cleff
    Member
    Posted 7 months ago #

    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...

  2. Cleff
    Member
    Posted 7 months ago #

    Ok, the border problem is solved.

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

    The second problem still stands though.

  3. SideKick Dan
    Member
    Posted 7 months ago #

    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

  4. Cleff
    Member
    Posted 7 months ago #

    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!

  5. SideKick Dan
    Member
    Posted 7 months ago #

    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 :)

Reply

You must log in to post.

About this Theme

About this Topic