Adding margin between woo. short description and buy now button

  • Resolved brs76

    (@brs76)


    1 year, 1 month ago

    Hi and thank you for making this amazing theme.

    I have woocommerce at my affiliate site. On the single product page; the “buy on Amazon” button and the short description are seem very close to each other. I tried to add a margin to solve it but I couldn’t.
    Do you have any css solution for this? I get the screenshot and here is the image link: https://ibb.co/TK2Gzfk

    I hope you have a solution for this.
    Thanks in Advance.

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hello @brs76,

    Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    .woocommerce #wrap .woocommerce-product-details__short-description {
    margin-bottom: 40px !important;
}

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

    I hope that helps.
    Best Regards

    Thread Starter brs76

    (@brs76)

    Thank you so much @skalanter
    It worked like charm.

    Thank you.

    ?You’re most welcome,
    and I’m glad we could help.

    Thread Starter brs76

    (@brs76)

    Hi @skalanter
    The code you gave above for adding extra space between “Buy Now” button and Product Short Description, worked like a charm. However; when I check the “Quick View” at the Shop Archive page the “Buy Now” button is still located very close to the short description.
    You can see the image URL from this link:
    https://ibb.co/8K0kzSd

    Do you have a CSS solution for this also?

    Thanks in Advance
    Best Regards

    Hello @brs76,

    Please share a live URL from the issue.
    Also, you can try this CSS:

    #owp-qv-content .cart {
    margin-top: 40px !important;
}

    Best Regards

    • This reply was modified 1 year, 1 month ago by Shahin.
    Thread Starter brs76

    (@brs76)

    Thank you so much for the code @skalanter , it worked.

    You’re very welcome.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Adding margin between woo. short description and buy now button’ is closed to new replies.