icons size color change

I can't find where I can change size of the icons and I don't want them to animated. I choose "not animated" in advance option but it still changing color when you mouth over. It looks like link but I don't want it to be link.

Also, I don't want to change all icons on website because on contact page http://nexus.eurographics.com/contact-us/ icons of "call us" & "email us" looks good
 
I tried to change size, like you suggested on some discussion, but it change icon size inside of the circle but not a circle
.icon-lightbulb-line {font-size:50px; }
Please help.
Thank you

Comments

  • Hi,
    This is not possible via Muffin Builder or Custom CSS.
    But you can make it from beginning in column, it's easy.



    Shortcodes:http://themes.muffingroup.com/be/splash/#shortcodes

    Example:

    First, let's edit our collumn and put an Icon for top,
    below this let's type Contact us!

    Customize this code a little with HTML/CSS tags and let's do a break with divider.
    Change text-align to center too http://prntscr.com/jy23tq
    But that's still not to much, let's write something there and set the color for this column.
    http://prntscr.com/jy2437

    And the result is:http://prntscr.com/jy249n
    I know this not look like this what you ask, but only imagination is your limit.
    If you have some questions, feel free to ask.

    Thanks
  • Thank you, this may work. Will try.

    Best, 
    Tania 
  • I just created new page for this
    I made all 6 columns same but for some reason only first one has correct font size for the icon.
    I clone energy column with same setting but as soon as I replace icon name, icon become small

    see my codes for each:

    [divider height="40"]
    <span style="font size:50px; color: #3192d4;">[icon type="icon-lightbulb-line"]</span>
    [divider height="10"]
    <h4>Energy</h4>

    [divider height="40"]
    <span style="font size:50px; color: #3192d4;">[icon type="icon-heart-fa"]</span>
    [divider height="10"]
    <h4>Healthcare</h4>

    [divider height="40"]
    <span style="font size:50px; color: #3192d4;">[icon type="icon-vcard"]</span>
    [divider height="10"]
    <h4>Federal, State and Local Government</h4>

    I don't understand what make it different
    Could you please help

    Thank you

  • You can use this type of shortcode for icons.
    <i class="icon-lamp" style="font-size:144px"></i>
    Thanks
  • Thank you. That's works like magic!
Sign In or Register to comment.