Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 30, 2015 at 4:41 pm #420582
    McEwans

    Hi team Kriesi :)

    Im have a issue styling the icon box. I’m using custom icons from fontello uploaded via the enfold uploader.

    I would like to know how to target the icon specifically and change it’s font size.

    I would like to know how to define the height and width of the icon box in general

    I have included a screen shot of the layout i’m trying to achieve with the icon boxes to the left of the slider image.

    Your help is always greatly appreciated.

    March 31, 2015 at 7:42 am #420976
    Rikard

    Hi McEwans!

    You can target the icons using the following CSS in Quick CSS under Enfold–>General Styling:

    #top .iconbox_left_content .iconbox_icon{
  width: 100px !important;
  height: 100px !important;
  font-size: 60px !important;
  line-height: 72px !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-radius: 500px !important;
  text-align: center !important;
  margin-right: 22px !important;
}

    Try playing around with values until you find the design you like.

    Best regards,
    Rikard

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