Contain Category image- not responsive

  • Eve Lurie

    (@elurie)


    2 months ago

    All Archives template has category images. Images are 1200px by 200px. They stay that size as browser window goes smaller. The images are supposed to reduce in size as window resizes but they are sticking out at the right and staying the same size. The shortcode block does not have any block controls. the inspect menu on Chrome has contain!important in the CSS. This worked before, but the plugin had to be deactivated, so now, it’s not.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Eve Lurie

    (@elurie)

    2 months ago

    Also goes outside the boxed center section on the iPad

    Plugin Author rdvinfotech

    (@rdvinfotech)

    2 months ago

    Hi @elurie

    Thanks for reaching out!

    The plugin itself does not add any CSS to the category image on the frontend. The image dimensions and responsiveness are determined by the theme’s CSS.

    To make the category image responsive and centered within its container, please add the following code to Appearance > Editor > Styles > Additional CSS (for Block themes like Twenty Twenty-Five) or the Child Theme’s style.css file:

    .my-category-image img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    This should ensure the image scales correctly. Please follow up if you have further questions!

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

You must be logged in to reply to this topic.