The CSS of WooCommerce is stretching the images to 100% of their parent <div>, as seen here:
ul.products li.product a img {
-moz-transition: all 0.2s ease-in-out 0s;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
display: block;
height: auto;
margin: 0 0 8px;
**width: 100%;**
}
You can simply remove or override that line using the !important declaration in another CSS file. Also, you can override it to width: auto and change the margin: 0 0 8px in that rule set to margin: 0 auto 8px auto to center those images in their div container.
Related Posts:
- Best way to overide plugin CSS?
- How to get home page ID?
- Restricting a Plugin to Only Load its CSS and JS on Selected Pages?
- How do I cleanly override a plugin’s CSS with a child theme?
- how to include other plugins css files in a shortcode?
- Using tabs for wordpress plugin
- How can I make content disappear when a user logs in?
- wp_enqueue_style in Plugin [duplicate]
- Quote rotator in the sidebar
- Make the css of the widget overwrite theme css
- WordPress Plugin Look & Feel
- Add CSS class to add-to-cart button, Woocommerce [closed]
- How to load all plugins CSS after child theme CSS?
- I need to generate the CSS for my plugin from a function, how do i map a request to a function in the front-end?
- Prevent CSS/JS loading when plugin is not used
- Override Theme CSS with CSS from a plugin
- Styling readme.html in plugin?
- Layout shop page: resize images and columns
- How to override my plugin’s php classes with duplicates that are in my child theme folder
- How do I write into a file (css)
- How to add page using HTML, CSS and JS?
- Custom CSS for plugin form
- plugin style conflicts, how to override? [closed]
- How to disable CSS rule in Twentythirteen style.css?
- Theme’s default styles are overriding my plugin’s custom CSS
- Remove ALL css for a specific plugin page
- Globally register styles but enqueue them selectively
- How do I display only the latest post on my home page, while maintaining proper plugin hooks?
- W3 Total cache “empty all caches” and no stylesheets render [closed]
- Admin Panel pagination link styles
- How to style the RSS wordpress?
- How Do I Figure Out What File(s) to Edit from Looking at the Source Code [closed]
- Add a CSS class based on categroy id to archive pages
- Child Pages Short Code plug-in and hover capabilities?
- How to hide CSS by default and show on button press
- (Sticky Row) How do i make a row sticky in wpbakery page builder?
- WordPress plugin output formatting
- Ajax Search Lite: Customize Autoscroll
- Delete mobile menu button [closed]
- Widgets Scripts don’t load – but load when I reload the page
- How to get DEFER or ASYNC attribute to appear when I add a stylesheet with wp_enqueue_style from a plugin? [duplicate]
- Adding CSS to custom post type admin page causes error
- Redirect to another page using contact form 7? [closed]
- Edit External CSS
- Stop Plugin from Getting Styles from Other Plugin
- How do I use add_action on custom widget?
- Why Do I get “wp_remote-get: could not handle for fopen()”?
- How to apply next/previous classes to LIs for pagination links?
- Override plugin styles via my custom theme
- Overwrite a plugin’s CSS?
- Combining several CSS files into one for optimization
- how to prevent all css and javascripts files from loading
- Front-end CSS Library for plugin [closed]
- Infinite scroll messing up nth:of-type
- How to execute a plugin on a single page only?
- How to limit image size for the entire website ? But without editing the post (css/plugin?!)
- Images under 1MB are not being compressed
- Is there a way to remove a tooltip of a plugin via custom CSS? [closed]
- Adding a responsive grid onto a page (without using a Bootstrap theme) [closed]
- Custom CSS not being added by plugin
- Not able to override plugin’s default css rules
- The Events Calendar Plugin – List View Background Colour Issue [closed]
- insert an html tag using php plugin
- Add background image/layout for single page?
- How to theme code blocks formatted by the prettify.js embedded with WP-Markdown?
- is_front_page breaks with url parameters generated by a plugin
- CSS/JS files in WordPress
- How do I override all stylesheets and scripts without a plugin
- Summary and Comments on Main landing Page
- Themes conflicts and overrides my WordPress Support widget Plugin styles
- Unable to locate inline CSS causing parts of page to be blank
- Two plugins using the same CSS id
- Load CSS before Theme CSS
- Menu not closing after clicking – WordPress – Elementor
- How to change the WordPress Plugin Watson Assistant Chatbot BOX Size?
- make p tag collapsed after 3 rows
- General Term for this form Field
- Writing SEO for Homepage when homepage is set to display latest posts
- How to change the width of certain paragraph or header blocks?
- How to fix shifting header after installing speed / cache plugins?
- Caching of combined CSS and JS fails because of losing MIME types through combining by PHP
- Set plugin page as homepage
- Creating wordpress admin page panel [Theme Option]
- Get plugin to background of page
- disable lightbox in a plugin [closed]
- Display alt text as tool tip on page
- Overwrite CSS of Instaemail plugin popup
- contact 7 plugin stops some pages from working properly
- Issue with custom plugin
- Trouble After Update, Removing Plugin
- Add meta tags with a plugin?
- How to load css files in a specific order
- Plugins to generate CSS Sprites? [closed]
- adding a css file to my plugin
- Element works, but not on wordpress site [duplicate]
- Trying to disable all notifications except for one on woocommerce checkout page with css [closed]
- How to modify submit button on GravityForms
- Can I merge all my JS and CSS in one file using WP?
- A splash page on landing page
- Sudden ERR_HTTP2_PROTOCOL_ERROR on every JS and CSS files loads