Left boxed icons CSS issue?

[fmora617]

Hi Support –

In this image (http://i.imgur.com/Pjflckg.png) you will see that the screenshot on the left is showing the icons incorrectly. The screenshot on the right is showing the icons correctly. I would like the icons on the screenshot on the left to be like the screenshot on the right. I have used the following CSS and still cannot fix it:

.sf-icon-box.sf-icon-box-left-icon .sf-icon-cont {
float: left;
position: relative;
margin-top: 3px;
background-color: #34495E!important;
}

Any ideas how to fix?

Thanks!
Fabian

[Kyle – SUPPORT]

Hi

Which page are the incorrect icons on?

– Kyle

[fmora617]

Hi – the page that has the incorrect icons is http://dev.fmora.com/?page_id=12120

Thanks,
Fabian

[Kyle – SUPPORT]

You’ve done it in your custom css?

.sf-icon-box.sf-icon-box-left-icon .sf-icon-cont {
  background-color: #ffffff !important;
  float: left;
  margin-top: 3px;
  position: relative;
}

– Kyle

[fmora617]

Hi Kyle –

I have this in my custom CSS –> http://i.imgur.com/Wi58luk.png

Is the custom CSS not taking effect?

Fabian

[Kyle – SUPPORT]

Yes but it’s being overwritten by the one I pasted above (see screenshot)

– Kyle

Attachments:

You must be logged in to view attached files.

[fmora617]

I am a little confused…how can I fix this?

Fabian

[Kyle – SUPPORT]

Remove:

.sf-icon-box.sf-icon-box-left-icon .sf-icon-cont {
  background-color: #ffffff !important;
  float: left;
  margin-top: 3px;
  position: relative;
}

from your custom css

– Kyle

[fmora617]

Got it. Didn’t see the extra CSS I had in there. Thanks!

[Kyle – SUPPORT]

No problem

– Kyle