Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 21, 2016 at 10:43 pm #663620
    Overhaulics

    Referring to post #655405 about horizontal icon list. After applying custom CSS it is not working for me…

    I set custom class as horizontal-icon-list. Here is CSS:

    /*Make Icon Lists horizontal */
    .horizontal-icon-list ul.avia-icon-list li {
    float: left;
    clear: none;
    }
    .horizontal-icon-list .iconlist-char {
    font-size: 14px;
    }
    .horizontal-icon-list .iconlist-timeline {
    display: none;
    }

    July 24, 2016 at 2:24 pm #664358
    Rikard

    Hey Kyle,

    Thanks for the login details, I’m not sure on what page you are trying this though?

    Regards,
    Rikard

    July 24, 2016 at 8:20 pm #664437
    Overhaulics

    Oh sorry, this would be http://185.56.84.140/~thegoodh/nashville-tn-home/ right below the slider.

    July 26, 2016 at 12:39 am #664984
    Josue

    Hi,

    If you’re referring to this, try using three 1/3 columns and one iconbox or iconlist in each one.

    Best regards,
    Josue

    July 26, 2016 at 12:43 am #664987
    Overhaulics

    Yes that is the lazy solution, but I want the dashed line connecting the icons.

    July 26, 2016 at 12:51 am #664996
    Josue

    Hi,

    Ok try using this CSS code:

    .horizontal-icon-list ul.avia-icon-list li {float: left;clear: none;width: 33.33%;}

    Best regards,
    Josue

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