Conversation
supportAll 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]
Also goes outside the boxed center section on the iPad
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!
Also goes outside the boxed center section on the iPad
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!