Docs

[Houston]

I am trying to get eh gap that is between the name of the product and the short description to decrease. But according to firebug, there is a <br> tag and some padding. I have tempted to remove at least the padding but I can not get it to work. I have placed this css in my child theme

body .woocommerce li.product .entry-header h3 {
    line-height: 0 !important;
    margin:0 !important;
}

but it has no effect. How can I get rid of this spacing please?
http://askaricollection.com/product-category/dresses/

[Thai]

Hi There,

Please add this CSS instead:

.woocommerce li.product .entry-header > br {
    display: none;
}

Hope it helps 🙂

[Houston]

Almost there. Your code worked fine for getting rid of the <br> but there is still some padding on the h3 tag that I need to reduce to 0. I used this code

body .woocommerce li.product .entry-header h3 {
	padding-bottom:0;
}

and it does nothing. Not sure why this is not working. it woks in Firebug.

Many thanks,
Houston

[Darshana]

Hi there,

Try using the following code instead (there is a space in your code after body).

body.woocommerce li.product .entry-header h3 {
    padding-bottom: 0;
}

Hope that helps.

[Houston]

My bad. That did the trick. Thank you.

[Joao]

Great Houston!

Let us know if you need help with anything else.

Joao

[Author]

Posts