Left icon type 2 not visible

[morruu]

Hi again,

I’m using the icon boxes on one of my pages. In the settings I have chosen the left icon type 2, where I use the color from the color customizer setting from icon four in the option “Color – icons (extra options).

But the icons are not visible on the page or maybe the icons have the color white, but how can that be, when I choose the color from “icon four” in the color customizer options?

Please take a look at the screenshots.

I hope you can solve my problem.

Best regards
Morten

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

This is not something I can replicate on my local dev version (3.3.1), though on your site it is not working I can see: http://firmavaccination.dk/wp/icons-test/

– Have you changed any theme core files?

Thanks.

[morruu]

Hi David,

I haven’t changed anything in the core files, but I have added this custom css.

.inner-page-wrap {
margin-bottom: 0px!important;
}

/* Changes color on fill to stroke button */
.sf-button.stroke-to-fill.large.custombutton {
background-color: #fff!important;
color: #0222A7!important;
border: 2px solid #0222A7!important;
}

/* Changes color on fill to stroke button on hover */

.sf-button.stroke-to-fill.large.custombutton:hover {
color: #fff!important;
background-color: #0222A7!important;
border: 2px solid #0222A7!important;
}

/* Padding on full width text block */
.full-width-text.fwtcustom {
padding-bottom: 20px;
padding-top: 20px;
}

/* Flipside background colour */
.sf-icon-box-animated .back sf-icon-box-animated .back h3 .sf-iba-custom{
color: #ffffff!important;
background: #0222A7!important;
border-color: #e4e4e4!important;
}

Best regards
Morten

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.sf-icon-character{
color:#000 !important;
}

Thanks
Mohammad

[morruu]

Thanks, Mohammad! It’s working with the css custom code.

Best regards
Morten

[Mohammad – SUPPORT]

Hi,
I am glad 🙂 that it is working.
Thanks
Mohammad