Image Captions Placed in Middle of Photo

  • Hi all, I need some assistance if you don’t mind, I’m trying to get a gallery of mine working, so here is an issue i have, I have the image Captions placed at the bottom of the photo and ideally i would like them to be a strip in the middle! so that would make the whole site look even neater. If there is away of making this Possible that be fantastic!

    here is the Link
    https://www.antoniaprebble.com/Gallery/

    I would like where it says agency photos to be moved up and have a white or black strip.

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

  • Try adding:

    .wp-caption {text-align: center;}

    to the bottom of style.css. Not sure what you mean by “white or black strip”…

    try and add this into custom.css:

    .wp-caption {position:relative;}
p.wp-caption-text {display:block;position:relative;background:#fff;top:-70px;color:#aaa;}

    (you may need to refresh the browser cache to see the effect by pressing reload, or CTRL and F5 at the same time)

    Thread Starter jessicakirbyshire

    (@jessicakirbyshire)

    ok how do we move the relative position on the wp-caption as i don’t want the writing so much over her face, https://www.antoniaprebble.com/gallery

    there is only one number value in the suggested css code.

    more negative, and it moves up; smaller number, and it moves down.

    top:-40px might be a good value;

    Thread Starter jessicakirbyshire

    (@jessicakirbyshire)

    Hey ya done that thank you btw! also how do we move the strip so its not right at the edges? Kind regards
    jessica

    add a choice of padding and/or margin to p.wp-caption-text:

    padding:0 3px; margin:0 5px;

    padding only will move the text from the edge, and leave the strip full width;
    margin will make the black strip narrower, so with 5px margin the black strip would be inside the white border.

    however, making the strip narrower, chances are that the text will flow into a second line.

    Thread Starter jessicakirbyshire

    (@jessicakirbyshire)

    Second Line is fine ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Image Captions Placed in Middle of Photo’ is closed to new replies.