Need help? Check out our Support site, then


Photo boxes and captions in McKinley

  1. pabloconradphotography
    Member

    Yello!!

    Hope you are having a wonderful weekend.

    Is there a way to place a hairline around a photo and its corresponding caption? Sorta what you see in a newspaper with just a stand alone photo.

    And change the caption text to a specific color, font, and size?

    Thanks in advance.

    pablo

    The blog I need help with is blog.paulconrad.photography.

  2. pabloconradphotography
    Member

    Addendum:

    I this CSS for a hairline around the image:

    /*Setting a 1px White Border Around Images*/
    img {
    	padding: 2px;
    	background-color: #FFFFFF;
    	border: 1px #FFFFFF;
    }

    Thanks

  3. Hi, I only see one image on your main page with an actual caption, the "watching the show" image. Using that as a guide I came up with the following.

    .wp-caption {
        border: 1px solid #FFFFFF;
        padding: 5px;
    }

    You have some empty paragraphs (returns) after the actual caption, which is what causes the large blank spot below the caption text.

  4. You also have some image formatting issues that have occurred (orphaned captions). I would suggest deleting those images and the orphaned caption and then reinsert them.

    You also have some hand-built captions (h5 tag). If you want those as normal captions, delete those paragraphs and then edit that image and add the caption.

    The code you have above puts a border on the image itself, but not the image and caption.

  5. pabloconradphotography
    Member

    Thanks for the help.

    The "hand built captions" are not my doing but some issue I'm having with the McKinley theme.

    It's changing the format when I save, creating the orphaned captions, causing the empty paragraphs, and overall formatting issues. This happened when they rolled out the new editor. It's super frustrating.

    Also, I'd like the hairline around the image AND its associated caption.

    Thanks for the help thus far.

  6. pabloconradphotography
    Member

    I also don't understand how you're only seeing one image.

    The whole blog post should be showing with another one underneath.

    Hmmm, must be some screwed up setting.

  7. I'm seeing lots of images, but only seeing one that has the caption and image in the wp-caption div.

    Open the post in the editor, delete one of the images that has the caption orphaned, and then reinsert it and make sure the caption is showing in the image caption field in the insert window. Give that a try and let's see if that straightens out the caption issue.

  8. pabloconradphotography
    Member

    That straightens out the caption issue, but again, the formatting changes when I update.

    Is there CSS I can use to change the color, font, and size of the caption itself?

    Thanks.

  9. To style the text in the caption, use the following selector and add whatever styling declarations you need.

    .wp-caption .wp-caption-text, .entry-caption, .gallery-caption

  10. pabloconradphotography
    Member

    Thank you so much.

    Your help and another's in a support thread helped me fix the issue.

    You rock!!!

    Have a great day!!!

  11. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic