[totogroupParticipant]

Hi,

How can I use the featured icons as a css background or before or after elements if it s possible?

Thank you

[ChristianModerator]

Hey there,

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks.

[totogroupParticipant]

I m just trying to use the icons supplied in your theme as background images in my css. Here is the page I m trying to use them on: http://placementsinternational.com.au/web/our-services-2/. I m currently using the icons as images and would like to use the icons themselves to display them next to the tab title. Let me know if that s possible. Thank you

[LelyModerator]

Hello There,

Thank you for the site URL.
Please use the following CSS. Add this on your child theme’s style.css.

.services-tabs-1 a:after,
.services-tabs-2 a:after,
.services-tabs-3 a:after,
.services-tabs-4 a:after,
.services-tabs-5 a:after {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: thin solid #c1001f;
    padding: 8px 10px;
    border-radius: 15px;
    margin-left: 10px;
}
.services-tabs-1 a:after{
    content: "\f007";
}
.services-tabs-2 a:after{
    content: "\f16c";
}
.services-tabs-3 a:after{
    content: "\f072";
}
.services-tabs-4 a:after{
    content: "\f0c0";
}
.services-tabs-5 a:after{
    content: "\f066";
}

Hope this helps.

[Author]

Posts