Want to remove a margin only on the product page

[wicara]

how can I remove a margin only on the product page ?

[ruenel]

Hello @wicara,

Thanks for getting back to us. I am not sure which part of the product page you would like to remove the margin. When I visit your product page, I clearly noticed a big gap in the product title. This is because you have added this:

.x-header-landmark {
    margin-top: 100px;
    border: 0px;
}

If this is the margin that you would want to remove or reduced, you can add this code as well:

.single-product .x-header-landmark {
    margin-top: 50px;
}

By the way, I also noticed that when you are logged in, the widget bar is obstructing the navbar. You can resolve it by adding this css code:

.admin-bar .x-widgetbar {
    top: 162px;
}

Hope this helps. Kindly let us know.

[wicara]

actually I had to add a top margin to a button and it does not align on the single product page. I added the margin for all but need to remove the margin for only the product page. I see you have .single-product will this work far variable and simple products

[ruenel]

Hey @wicara,

Are you referring to this button?

Simply use this custom css:

.woocommerce.single-product .add-request-quote-button.button {
    margin-top: 0;
}

Hope this helps. Please let us know how it goes.

[wicara]

Thank you very much that Is exactly what I needed

[friech]

You’re more than welcome, glad we could help.

Cheers!