Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 21, 2014 at 6:09 pm #227594
    Mesheu

    Hi guys,

    2 quick questions:

    1 –> on my following page: http://goo.gl/pIKt4s I want to make some changes to the iconlist on the #av_section_3.

    I want to reduce the size and color of the red circle background of the icons. And I also want to make the icon size smaller. No matter how many times I tried to do this, either the timeline is not aligned or the icon boxes move on one side.

    Could you help?

    2–> Does the theme support scrolling animation? For instance if a user clicks on “services” on the top main menu navigation, the browser automatically scrolls down to the services section on a one-pager website? Or is there a way I can do this on css?

    Thank you in advance!
    Ali

    February 21, 2014 at 11:18 pm #227745
    Yigit

    Hi AliMese!

    1- Please add following code to Quick CSS and adjust as needed

    #av_section_3 .avia-icon-list .iconlist_icon {
height: 45px;
width: 45px;
line-height: 45px; 
font-size: 15px!important;}
#av_section_3 .avia-icon-list .iconlist-timeline { left: 25px; }

    2- Please see http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/

    Regards,
    Yigit

    February 22, 2014 at 10:16 am #227850
    Mesheu

    Awesome as always, done!
    Thank you!
    Ali

    February 22, 2014 at 3:34 pm #227910
    Mesheu

    Ooaps, actually I just realize the timeline on the right iconlist is not aligned.

    Could you check please?
    Thanks!
    Ali

    February 22, 2014 at 8:13 pm #227932
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    #av_section_3 .avia-builder-el-37 .avia-icon-list .iconlist-timeline {
left: 92%;
}

    Cheers!
    Yigit

    • This reply was modified 10 years, 9 months ago by Yigit.
    February 23, 2014 at 7:19 pm #228160
    Mesheu

    I added. Still doesn’t work :(

    February 23, 2014 at 7:29 pm #228162
    Yigit

    Hi!

    My bad, i forgot to change the value. I updated the code in my previous post, please try it now, it should work

    Cheers!
    Yigit

    February 24, 2014 at 4:19 pm #228525
    Mesheu

    This time the timeline on the left is not aligned.

    How does it work? I mean every time I add another color section to the page, the iconlist is out of order (even though I changed the avia-builder-el-37 number from 37 to 33.

    February 24, 2014 at 4:26 pm #228528
    Yigit

    Hi!

    Following code is not being applied

    .avia-icon-list .iconlist-timeline { left: 25px; }

    Position of timeline on the right side is good and code above should fix the one on the left as well

    Best regards,
    Yigit

    February 24, 2014 at 4:55 pm #228547
    Mesheu

    Oh yes! Thank you so much, Yigit! you rock as always!
    Ali

    February 24, 2014 at 4:59 pm #228550
    Yigit

    Hi!

    You are welcome Ali, always glad to help :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Iconlist icon size change’ is closed to new replies.