Can I change the mobile and e-mail icon

Hi John-Pierre,

Try the following CSS to to override the default icons with the ones provided by your theme:

.bp-contact-card .bp-phone:before,
.bp-contact-card .bp-contact:before {
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    speak: none;
}

.bp-contact-card .bp-phone:before {
    content: "\e090";
}

.bp-contact-card .bp-contact:before {
    content: "\e076";
}

Thank you Nate,

It uses the new icon codes but the dashicons font-family still takes precedent over ETmodules.

I also tried this without luck

.bp-contact-card .bp-phone:before {
    font-family: "ETmodules" !important;
    content: "\e090";
}

Any idea how else I can get ETmodules to overrule dashicons ?

Thanks!
JP

Hi JP,

It looks like the first set of styles are never getting applied. This may be due to an error in the CSS syntax. I noticed a couple of extra brackets (see screenshot), but you may need to dig in to figure out why the style block isn’t getting read properly.

View post on imgur.com

That was it, thank you for your help!!

JP

Closing post,

thanks again!
JP