How to wrap border around images?

  • I am using the Tropical Grunge template from Template Monster.I attempted to add a border to the images that I post in articles, which I have done before thanks to the Codex instructions.Problem is, when I do that with this theme it wraps a border around every image on the board including the header, sidebar and so forth.Can anyone instruct me on how to code it so only images in posts have the border around them?

    Here is the css code:
    https://paste.uni.cc/8660

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


  • <img border=2 src="whatever.jpg">

    Something like this? If you need other border styles you can use the “style” attribute and insert CSS code which can let you do different colors and border styles. (Don’t know it off the top of my head, though. Sorry. May want to just Google it.)

    Thread Starter Bhoney

    (@bhoney)

    Thank you for your response but that isn’t what I am quite looking to do.There is coding that goes in the css template that will exclude certain images.I had this problem with another theme sometime ago but the fix for that theme won’t work with this theme.

    If your posts are in something like this

    <div class="post">

    Then in your css you could put your image border styles in something like this

    .post img
    {
    border: 2px solid #000;
    }

    Thread Starter Bhoney

    (@bhoney)

    This did it:

    .storycontent img {
    margin: 5px;
    padding: 4px;
    border: solid black 1px
    }

    Thank you both for your assistance ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to wrap border around images?’ is closed to new replies.