icons size color change

eurographics · July 2018

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.

Please see this page http://nexus.eurographics.com/industries/

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

Pablo · July 2018

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

eurographics · July 2018

Thank you, this may work. Will try.

Best,

Tania

eurographics · July 2018

I just created new page for this

http://nexus.eurographics.com/industries2/

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

Pablo · July 2018

You can use this type of shortcode for icons.

<i class="icon-lamp" style="font-size:144px"></i>

Thanks

eurographics · July 2018

Thank you. That's works like magic!

icons size color change

Comments