Icon Size in Item "Button"

WernerBonhoffStiftung · September 2018

Is it possible to change size of the icon used in element "button"?
Either just the icon or in combination with the font size?

Best Stefan

Pablo · September 2018

Hi,

It's possible only with Custom CSS code.

Please send me a link to your website.

Greetings

WernerBonhoffStiftung · September 2018

Oh sure: http://s0.nachdertat.de/was-tun-bei-mobbing/hilfe-brief

Pablo · September 2018

You can make whole button larger in muffin builder.

http://prntscr.com/ktjsti

Making it with custom css make little troubles, but test it.

Paste this code into theme options > custom css & js > css

a.button .button_icon{
  font-size:20px;
}

a.button .button_label{
  margin-top:5px;
}

Thanks

WernerBonhoffStiftung · September 2018

Yes I know but customer wants only the icon to be larger.
What trouble do you mean because on first view css seems to work.
Best Stefan

Pablo · September 2018

Without this .button_label modification, the text will be on top still.

It happens, because after increasing size of an icon a container of the button is getting bigger too, but text at the left, is still on same position.

Thanks.

WernerBonhoffStiftung · September 2018

Hi Pablo,

due to another issue I can't use Button element but have to use column and shortcode.
In Element Button the icon appears white but with shortcode it is green since this is the setting in the theme. Any chance to change icon color to white too?

http://s0.nachdertat.de/was-tun-bei-mobbing/hilfe-brief/

Pablo · September 2018

Hi,

Use this Custom CSS code

a.button i {
	color:white !important;
}

Thanks

Icon Size in Item "Button"

Comments