Center align icons

[mstookey]

Hi,
I can’t figure out how to center align large icons over text. float:none doesn’t seem to do anything and it ignores any alignment I assign it in the text box.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.sf-icon-cont.cont-large{
margin-left:65px !important;
}

Thanks
Mohammad

[mstookey]

Thanks Mohammad. That looks great in my browser but not aligned with text below on my iphone. See attachment for screenshot.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

No need for that css, just set text align to center

– Kyle

[mstookey]

Hi Kyle,

That’s what I would have thought too but it doesn’t work. I removed the extra css, and the text is center aligned but it doesn’t work. See screenshot.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Add the extra class ‘icon-centre’ to the text boxes, then add this to your custom css:

.icon-centre {
  text-align: center;
}
.icon-centre .sf-icon-cont {
  margin-right: 0;
}

– Kyle

[mstookey]

That did it! Thank you very much.

[Mohammad – SUPPORT]

Hi,
Great thanks to Kyle.
Mohammad