[Resolved] Gap between product title and short description

[Douglas]

I’m using some CSS to hide prices on my product pages, but it has left a large gap of space between product title and the short description. Any idea how I can remove a line of space to narrow this gap?

.woocommerce-Price-amount {
    display: none;
}

[Leo]

Hi there,

Try this CSS:

.woocommerce div.product p.price {
    display: none;
}

Let me know if this helps 🙂

[Douglas]

That made it a little too tight 🙁

See here: https://ibb.co/LvhmT5k

[Leo]

Try adding this CSS as well:

h1.product_title.entry-title {
    margin-bottom: 1.5em;
}

[Douglas]

Adjusted from 1.5em to .5em and it looks good 🙂 Thanks.

[Leo]

No problem 🙂

[Author]

Posts