How to add gray line under product name/title

Hi there,

Try this CSS:

h1.product_title.entry-title {
    border-bottom: 1px solid #C7C7C7;
    padding-bottom: 20px !important;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps :)

Thank you, the required line is added. Now how to add space above the line (between line and product title)

2nd, how to reduce space between "Product Price" and "Add to Cart" button

Thank you, the required line is added. Now how to add space above the line (between line and product title)

Edited the CSS above:
https://generatepress.com/forums/topic/how-to-add-gray-line-under-product-name-title/#post-1694974

2nd, how to reduce space between “Product Price” and “Add to Cart” button

This should work:

.woocommerce div.product p.price {
    margin-bottom: 0.5em;
    padding-top: 10px;
}

great. Now final thing, how to add space between line and product price? I mean space below the line

Edited the CSS here:
https://generatepress.com/forums/topic/how-to-add-gray-line-under-product-name-title/#post-1695007

that's great. Can we make the width of "Add to Cart" gray button 100%, It will be equal to the line to the right end edge. both on mobile and desktop.

please check example URL

thank you

Can you open a new topic for a separate question?
https://www.screencast.com/t/McvUvBzHit

I'll mark this one as resolved.

Thank you!