Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 28, 2016 at 12:18 am #654004
    hdpcr

    Hi

    Is it possible to have Horizontal icons list instead of the existing vertical list and if so how to control the space between icons and the size of the icon itself because there is only big and minimal, so how to change the size of big.
    Also if not how to change regular icon background color as i can do it in icon list properties.
    Thank you very much

    • This topic was modified 7 years, 9 months ago by hdpcr.
    June 29, 2016 at 10:53 am #654729
    Rikard

    Hi hdpcr,

    Could you provide us with a link to the site in question so that we can take a closer look please? Also, a screenshot of mockup of what you are looking to achieve would help us understand better as well.

    Regards,
    Rikard

    June 29, 2016 at 5:42 pm #654937
    hdpcr

    Hi
    There you have the link. I made just 3 items and what i need is instead of one icon below the other (vertical position) it to have them as one icon next to one (horizontal position
    O
    O
    O
    to have
    O O O

    Also if it possible how to contrl space between them and the size of the icon itself

    Thank you

    June 30, 2016 at 12:17 pm #655230
    Yigit

    Hi,

    Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your element and give it a custom CSS class then add following code to Quick CSS

    .your-custom-class ul.avia-icon-list li {
    float: left;
    clear: none;
}
.your-custom-class .iconlist-char {
    font-size: 14px;
}
.your-custom-class .iconlist-timeline { 
display: none;
}

    If that is not what you meant, please post screenshots and show the changes you would like to make. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Best regards,
    Yigit

    June 30, 2016 at 5:09 pm #655385
    hdpcr

    Hi

    Its pretty much that what i need, just 2 things
    1. how to reduce or increase the size of the circle
    2. How to control space between circles

    Thank you very much

    June 30, 2016 at 5:13 pm #655388
    Yigit

    Hey!

    Please add following code to Quick cSS as well

    .your-custom-class .iconlist_icon { 
    margin-right: 10px;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

    Best regards,
    Yigit

    June 30, 2016 at 5:44 pm #655397
    hdpcr

    Thank you very much it worked perfect.

    June 30, 2016 at 5:51 pm #655405
    Yigit

    Hey!

    You are welcome, glad we could help! Let us know if you have any other questions or issues.

    Regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Horizontal Icons List’ is closed to new replies.