Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 16, 2018 at 7:39 pm #957646
    mynick

    Hi guys,

    Kind of hard to explain so please take a look at the screenshot. Any idea how this can be achieved?

    View post on imgur.com

    The code I’m using looks like this:

    View post on imgur.com

    A possible solution is to just work with small PNG’s of the icons of course…

    Thank you for helping ;)!

    • This topic was modified 6 years, 7 months ago by mynick.
    May 16, 2018 at 9:55 pm #957746
    Jordan Shannon

    Hey jeroenvandessel,

    Try adding this to quick css:

    #greenbar .av-icon-char{
margin-left:100px!important;
}

    Best regards,
    Jordan Shannon

    May 16, 2018 at 11:07 pm #957822
    mynick

    Thanks for the help, Jordan. But this seems rather a sloppy/unresponsive solution, don’t you think?
    I think we can do better if we put our minds together :p…

    May 16, 2018 at 11:19 pm #957826
    Jordan Shannon

    Hi,

    If you are familiar with css and responsice design, simply implement media-queries to tailor the css I gave you to the break-points.

    Best regards,
    Jordan Shannon

    May 16, 2018 at 11:26 pm #957828
    mynick

    Unfortunately I dont know how to do that… :(
    EDIT: I used PNG’s inline. I’m quite happy with the result.

    May 18, 2018 at 5:16 pm #958698
    Victoria

    Hi,

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.