How to see all of featured image (no cropping)

  • Resolved myangelsnow

    (@myangelsnow)


    3 years, 9 months ago

    Hello,

    I’m constructing a WordPress site with Sela theme (no jetpack) so I don’t have a link for your reference.

    What I’m trying to do is to move the main content box beneath the featured image on the pages that have a featured image so that all of the image shows (no cropping). Is there a way to do this with CSS?

    Thank you for any info! I’m basically not too knowledgeable in coding.

    • This topic was modified 3 years, 9 months ago by myangelsnow.
Viewing 3 replies - 1 through 3 (of 3 total)
  • KokkieH

    (@kokkieh)

    3 years, 9 months ago

    Hi there,

    Whether or not you’re using Jetpack shouldn’t matter here – if your site is online on a server connected to a web, it has a URL or an IP address where we can view it. Or did you mean to say you’re developing the site offline?

    What I’m trying to do is to move the main content box beneath the featured image on the pages that have a featured image so that all of the image shows (no cropping).

    Do you mean you don’t want the content area to overlap the image? Cropping refers to when the edges of an image are cut off to make it fit the available space.

    Based on your description it sounds like you’re speaking of the overlap rather than of cropping, in which case this code should do the trick:

    @media screen and (min-width: 850px) {
  div.content-wrapper.full-width.with-featured-image, div.content-wrapper.with-featured-image {
  margin-top: 0px;
}
}
    Thread Starter myangelsnow

    (@myangelsnow)

    3 years, 9 months ago

    That worked! Thank you so much!!

    KokkieH

    (@kokkieh)

    3 years, 9 months ago

    Glad I could help 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to see all of featured image (no cropping)’ is closed to new replies.