Decrease space between title and price

  • Resolved asapsubham

    (@asapsubham)


    5 years, 5 months ago

    How can I decrease the spacing between price and title? the space is extra and makes it look weird. I want to decrease the space and make it look more consistent. Please help me

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Abhishek

    (@abhikr781)

    5 years, 5 months ago

    Hello,

    Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

    .product-type-simple > div > ul > li.title {
    margin-bottom: -10px !important;
}
    Thread Starter asapsubham

    (@asapsubham)

    5 years, 5 months ago

    thanks a lot abhishek. The code worked but partially. The space reduced but only of simple products that do not have any variation. What should i do so that variable products also behave the same?

    Abhishek

    (@abhikr781)

    5 years, 5 months ago

    You are most welcome,

    Please replace the above code with this one.

    .product-type-simple > div > ul > li.title, .product-type-variable > div > ul > li.title, .product-type-grouped > div > ul > li.title, .product-type-external > div > ul > li.title {
    margin-bottom: -10px !important;
}
    Thread Starter asapsubham

    (@asapsubham)

    5 years, 5 months ago

    OMG it worked! thanks a lot you are a saviour

    Thread Starter asapsubham

    (@asapsubham)

    5 years, 5 months ago

    Thanks

    Abhishek

    (@abhikr781)

    5 years, 4 months ago

    You are most welcome!.

    and Glad to hear that your issue has been fixed.

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

The topic ‘Decrease space between title and price’ is closed to new replies.