Ticker price change overlaps next coin content

  • Resolved heddois

    (@heddois)


    6 years, 11 months ago

    Hi, for some reason there is extra space before the up/down arrow and more extra space between the arrow and the price percentage change figure, resulting in the % figure overlapping with the icon for the next currency in the ticker.

    I can’t see which CSS to change, and I have the latest version of the PRO plugin bought today. I can’t see the same issue mentioned from anyone else either.

    I’m using Chrome for macOS (latest) and the issue is appparent on all pages of my website, and in other browsers like Firefox.
    Cointrellis.com

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter heddois

    (@heddois)

    further to my earlier post I have checked the source HTML in my browser and located class .fa. It seems that if I designate a minus number for the up/down arrow CSS margin then I can force the excess space to reduce. I’ll update this post with further developments later but if you have any suggestions let me know. I may need to call two CSS classes together as some coins seem to need more/less space reduction than others so I can’t just adjust them with a one-size-fits-all approach. Pity I can’t attach screenshots here so you could see how things were before I started modifying the CSS. I have screenshots I could email you though. Thanks. Peter.

    • This reply was modified 6 years, 11 months ago by heddois.
    Thread Starter heddois

    (@heddois)

    OK, I’ve come up with the following solution which I think is hard to improve on. I share it here in case anyone has the same issue, going forward. (Of course, it could just be a CSS conflict with the ColorMag Pro theme from ThemeGrill.)

    .fa-arrow-down {
    margin-right: -35%; !important;
    }

    .fa-arrow-down {
    margin-left: -30%; !important;
    }

    .fa-arrow-up {
    margin-right: -35%; !important;
    }

    .fa-arrow-up {
    margin-left: -30%; !important;
    }

    .ticker-symbol {
    margin-right: 5px; !important;
    }

    Thread Starter heddois

    (@heddois)

    also need this as for some reason my up arrow is red when it should be green:

    i.fa-arrow-up {
    color: green; !important;
    }

    Thread Starter heddois

    (@heddois)

    Finally, this corrects the issue with the icons being too high:

    .ccpw_icon {
    vertical-align: -6px !important;
    }

    I really appreciate your efforts to fix the issues you were facing.

    Feel free to contact us if you need any further assistance.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Ticker price change overlaps next coin content’ is closed to new replies.