Return to previous page

How to add space between the price and the add to cart button in the slider

This topic has 5 replies, 2 voices, and was last updated 4 years, 6 months ago ago by Rose Tyler

  • Avatar: Iver_Callisaya
    Iver Callisaya
    Participant
    June 18, 2020 at 23:07

    Hi.

    I have a problem with the product slider, the button “add to cart” and the text “price” are seen together. How can I create spaces between the cart and price button. I already checked the elementor settings but can’t find a solution.

    I await your prompt reply. Thank you.

    #241328 Copied Theme version: 6.3.5.1.0 WooCommerce version: 4.2.0
    4 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 19, 2020 at 07:59

    Hello,

    I do not see the problem on your Home page – http://prntscr.com/t2j2tc
    Please provide a screenshot for a better understanding the desired result.
    Lightshot Screenshot tool https://app.prntscr.com/en/index.html makes screenshots and generates links then you can provide links of screenshots here.

    Regards

    #241341 Copied
    Avatar: Iver_Callisaya
    Iver Callisaya
    Participant
    June 19, 2020 at 20:16

    Hi Rose!

    you can see here >> https://prnt.sc/t2xwoy it’s slider
    section.

    #241449 Copied
    Avatar: Iver_Callisaya
    Iver Callisaya
    Participant
    June 19, 2020 at 20:20

    a question .. how can I center the title and price to the center and not to one side like this now.

    #241450 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 20, 2020 at 08:46

    Hello,

    1) Add the next code in Theme Options > Theme Custom CSS:

    .product-slide .content-product .price {
    margin-bottom: 20px;
}

    2) Delete this code from Global Custom CSS – http://prntscr.com/t3738z

    Regards

    #241489 Copied
  • Viewing 5 results - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Royal – WooCommerce WordPress Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WooCommerce Theme
lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Finances – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Business Card – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.