Viewing 8 replies - 1 through 8 (of 8 total)
  • add css tag like for eg

    img {margin: 10px;padding: 10px; border: 1px solid #2F700F; }

    i added for my blue horizon theme for images.

    Thread Starter bartafterdark

    (@bartafterdark)

    great 😀

    What file to I have to edit. So all images in a post uses the .thinborderfloat class?

    The file is your theme’s style.css file, under wp-content/themes/[your_theme].

    The code to add there is:

    .thinborderfloat {
    float:left;
    border:solid 1px silver;
    padding:5px;
    margin-right:10px;
    }

    Later, in your posts, when adding an image, you’d use:

    <img class='thinborderfloat' src='... />

    Thread Starter bartafterdark

    (@bartafterdark)

    hallsey I allready did it like that.
    But was just wondering if i could put the class in one of the files. So it allways would use it when there are images in the post

    Yes, in that case, replace .thinborderfloat { with img { (no period). Now you don’t have to put class='... in your <img tags; all images will automatically display formatted with that class.

    Oh, btw, the class stays in your style.css file.

    Thread Starter bartafterdark

    (@bartafterdark)

    If i add it to the img tag all my images gets the border (logo, top, banners, etc.) :/
    But thanks anyway. Gonna use class=”thinborderfloat” instead 🙂

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘border around image how to?’ is closed to new replies.