Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #654004

    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 8 years, 6 months ago by hdpcr.
    #654729

    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

    #654937

    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

    #655230

    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

    #655385

    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

    #655388

    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

    #655397

    Thank you very much it worked perfect.

    #655405

    Hey!

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

    Regards,
    Yigit

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