Removing Border from an Image with a Caption

  • Resolved dizigniz

    (@dizigniz)


    9 years, 11 months ago

    Hi, I’ve just tried a solution (border: none) to this found on a resolved topic (I posted there too but not sure if it’s allowable to post to resolved topics?).
    I’ve just tried this and it hasn’t worked for me.
    Below is what I’ve put in my custom css
    The second style is something I found to style the caption font…

    This is the page with the caption: https://www.alisonlight.org/welcome/common-people/

    .wp-caption {
background-color: #d7e1eb !important;
border: none;
}
a.wp-caption p, a.wp-caption:hover p, .wp-caption p.wp-caption-text, .full-image-caption {
font-size:11px !important;
}

    Thanks,
    Isabelle

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

  • That border is coming from this CSS:

    .entry .wp-caption {
    background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    box-shadow: 0 0 1px 1px #fff inset;
    max-width: 100%;
    padding: 1px;
    text-align: center;
    width: 100%;
}

    So try adding this to your custom CSS:

    .entry .wp-caption {
    border: none;
    box-shadow: none;
}

    Thread Starter dizigniz

    (@dizigniz)

    Fantastic – thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Removing Border from an Image with a Caption’ is closed to new replies.