How can I get a frame/border around my pictures and caption?

  • Hi all, I’m using the mandigo theme on my website https://tomacintosh.com/

    I am happy with the look of my site except for one thing, the pictures. In other themes I’ve used pictures I’ve posted have had a nice white frame around them and the caption text, also the caption text was a tad smaller and always centered. How can I modify this them to post images in that way?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter tomacintosh

    (@tomacintosh)

    Just like to add, when I’m actually writing the post my images get framed fine. After I publish the post, it disappears, very frustrating.

    Just like to add, when I’m actually writing the post my images get framed fine.

    are you using the html editor for this?

    Thread Starter tomacintosh

    (@tomacintosh)

    No, the visual

    have you tried in the html?

    I’m having the same problem with very “plain” images on the rendered page (see the post at https://www.parkerpress.com/2009/01/31/broomfield-sunsets).

    They look nice in the HTML editor, but the actual page is just a plain unframed picture with an un-centered caption. I get a funny feeling it’s due to class definitions getting changed between the editor and the “rendered page” (see https://www.parkerpress.com/temp/edit.png and https://www.parkerpress.com/temp/rendered.png for the difference)

    In the editor, I see the following image declaration:
    [caption id="attachment_404" align="alignleft" width="128" caption="Sunset 29"]<img class="size-thumbnail wp-image-404" title="Sunset 29" src="https://www.parkerpress.com/wp/wp-content/uploads/2009/01/sunsets-29-128x85.jpg" alt="Sunset 29" width="128" height="85" />[/caption]

    Leading to the following image information on the rendered page.
    <div id="attachment_404" class="wp-caption alignleft" style="width: 138px"><img class="size-thumbnail wp-image-404" title="Sunset 29" src="https://www.parkerpress.com/wp/wp-content/uploads/2009/01/sunsets-29-128x85.jpg" alt="Sunset 29" width="128" height="85" /><p class="wp-caption-text">Sunset 29</p></div>

    It makes me wonder if it’s because in the editor the image is “contained” within the [caption] tag while the rendered version has the caption as a separate paragraph.

    I’d love to be able to see the exact same “look” in the rendered version as I see in the editor.

    Steve

    Thread Starter tomacintosh

    (@tomacintosh)

    It’s the same for me whether I use HTML or Visual. I also checked the HTML code and it looks exactly like it did when the framing used to work!

    I am having this same problem you were. Did you figure out how to fix it? I checked all my coding and it’s the same too.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How can I get a frame/border around my pictures and caption?’ is closed to new replies.

Tags