Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 27, 2014 at 3:16 pm #270545
    AndrewJ

    Hi there,

    I’m having a “senior moment” ! I’m having trouble identifying the right css selector to make the icons in the Icon List smaller on this page; I’d like to keep the “transition” on loading if possible. The Page ID is 237.

    A second question: I’m using 2/3 – 1/3 layouts with the icon list in the 1/3rd. If the content of the icon list extends below the portfolio image, the 2/3rd text block below the portfolio images is pushed down, lining up to the bottom of the icon list !

    Can you help please?

    regards

    AndrewJ

    • This topic was modified 10 years, 7 months ago by AndrewJ.
    May 27, 2014 at 6:13 pm #270656
    Yigit

    Hey AndrewJ!

    1- Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .postid-237 span.iconlist-char {
font-size: 20px;
}

    2- Can you post the link to a page where we can see an example?

    Regards,
    Yigit

    May 27, 2014 at 6:27 pm #270668
    Flikk

    he allready linked it. And with your solution the icon wont be centered inside the circle anymore.

    May 27, 2014 at 6:33 pm #270672
    AndrewJ

    Thanks for that Yigit. Don’t worry Flikk, I’ll clean up my mess :-)

    regards

    AndrewJ

    May 27, 2014 at 6:36 pm #270676
    Yigit

    Hey!

    1- Please adjust the line height using following code

    .postid-237 .avia-icon-list .iconlist_icon { line-height: 57px; }

    2- Content of iconlist is not extending below portfolio image in the page he posted.

    Cheers!
    Yigit

    May 27, 2014 at 9:31 pm #270818
    AndrewJ

    Hi Guys,

    I’ve added some body text to the icon list HERE to show you what I mean concerning the alignment problem.

    Thanks,

    AndrewJ

    May 28, 2014 at 4:19 pm #271220
    Dude

    Hi!

    I recommend to add a margin-top to the icons to fix the alignment issue – insert this css code into the quick css field

    
.postid-237 .avia-icon-list .iconlist_icon {
margin-top: 10px;
}

    Regards,
    Peter

    May 28, 2014 at 4:37 pm #271241
    AndrewJ

    Hi Dude,

    I think you missed the “elephant in the room” ! Have a look at this screenshot and you can see the issue.

    It is that the Icon List is forcing the text block down.

    regards

    AndrewJ

    • This reply was modified 10 years, 7 months ago by AndrewJ.
    May 29, 2014 at 6:19 pm #271897
    Yigit

    Hi!

    You can turn on custom CSS field for Avia Layout Builder elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    and give unique CSS class to your elements and add following code to Quick CSS 

    .unique-class {
margin-top: -25%;
}

    Best regards,
    Yigit

    May 30, 2014 at 3:11 pm #272407
    AndrewJ

    Hi Yigit,

    Thanks for that; it worked, although I’m still mystified as to why the problem arises.

    You can close this now.

    regards

    AndrewJ

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Icon List – Icon Sze’ is closed to new replies.