site has big gap between product photos and and add to cart need help :)
-
Hey all,
long time lurker first time poste needing a lil help, so a friend and I are building a site together that sells educational materials (courses) and everything so far is going great, however now im at the point where we are near the end and there’s this stubborn gap on every product page that we want to get rid of.
it feels like the gap kind of ruins the feel of the site, been at it a while but not sure really how to tackle this, for example if you look at competitor sites like trades mint they have no gap and yet our site does
Would really appreciate any help getting this sorted at last so I can move on with other stuff so if anyone knows what’s up or how to sort it I’m all ears ^.^
Thanks
comparison our site with gap vs competitor with no gap The page I need help with: [log in to see the link]
-
More or less, this CSS will fix it.
.woo-variation-product-gallery {
max-width: 50% !important;
width: 100%;
}
.summary.entry-summary {
max-width: 50% !important;
width: 100% !important;
}To add or override CSS:?use the “Additional CSS” option in the customizer.? https://developer.www.ads-software.com/advanced-administration/wordpress/css/#Custom_CSS_in_WordPress?or at [site]/wp-admin/customize.php if you don’t have that menu option.
Use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.
- You must be logged in to reply to this topic.