Hi, I am in the process of building a new store. We are using the Athens theme. I am trying to reduce the padding or margin between the product information section and the expandable block section underneath. What sort of custom CSS code do I need that I am missing?
Hey @ezalacas
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Thank you. That is helpful and makes sense. Any thoughts on where specifically I should be looking in the code?
@ezalacas Don’t mess with the theme files. There is a specific place to put custom css within the section.
Theme Editor → Click on the Product Information section. In the settings, scroll down to custom css here
and paste this code:
.product-media-wrapper {
margin-bottom: 5px;
}
to get rid of the dashed line:
.facet {
border-top: none !important;
}