Need help fixing overlapping prices in product page: grid view

This topic has 10 replies, 4 voices, and was last updated 9 years, 6 months ago ago by Stan Russell

  • Avatar: widiantozhu
    widiantozhu
    Participant
    October 9, 2014 at 08:31

    hi, can you please help me fix overlapping prices info in the product archive page: grid view?

    i’ve tried the solution at: https://www.8theme.com/topic/product-name-overlapping-price/ but it’s not working in my case. you can see this image for the issue: http://s4.postimg.org/mqn1bl34t/overlapping_price_in_product_page.jpg

    thanks for helping:)

    9 Answers
    Avatar: stan
    Stan Russell
    Participant
    October 9, 2014 at 09:09

    Hello,

    please provide us with admin access to your site

    Avatar: widiantozhu
    widiantozhu
    Participant
    October 9, 2014 at 10:14

    hi, please see private content. thanks:)

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    October 9, 2014 at 11:46

    Hello,

    I’ve changed font size for price in custom.css file.
    Please check it now.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: widiantozhu
    widiantozhu
    Participant
    October 9, 2014 at 11:52

    hi eva, really appreciate your help:)

    yes, the problem solved, but now price font were too small and looks awkward. is there another workaround to this problem? something that does not change the price font size but does not overlap altogether?

    thanks again eva:)

    Avatar: Eva
    Eva Kemp
    Support staff
    October 9, 2014 at 16:15

    Hello,

    I’ve added the following code into custom.css file:
    .price {word-wrap: break-word;}

    Please check price display now and clear browser cache before.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: widiantozhu
    widiantozhu
    Participant
    October 10, 2014 at 03:56

    awesome, it works!

    but now i don’t know what happened, there seem to be a gap between 2 rows of product, still in the same product page. you can see it here: http://s27.postimg.org/543i9bm4j/product_gap.jpg

    please help, and thanks a lot eva:)

    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 10, 2014 at 06:36

    Hello,

    I’ve added some code into custom.css file. Now it looks well. You can check it.

    Regards,
    Robert Hall.

    Avatar: widiantozhu
    widiantozhu
    Participant
    October 10, 2014 at 07:10

    hi robert, it’s working properly now. thanks a lot for your help:)

    Avatar: stan
    Stan Russell
    Participant
    October 10, 2014 at 07:40

    You’re welcome!
    If you have any questions please feel free to contact us.

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Need help fixing overlapping prices in product page: grid view’' has been successfully resolved, and the topic is now closed for further responses

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