Main features widgets

  • How do I change the icons used on the main features widgets? I want to change the circles to use images instead of icons. TIA Paul

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    No way to do it using customizer.
    What you can do is override them with your own CSS. To do that, you should do the following:

    1. In the widget, where you set the “icon”, give it some distinguishing name, let’s say “image-left-1”.
    2. In styles.css, add the following code:

    .fa.image-left-1::before {
content: '';
}

.fa.image-left-1 {
background: url(https://url/to/your/image.png) no-repeat;
width: 50px;
height: 50px;
}

    Change the url to your path, change width/height of the image as per your design.

    Thread Starter Paul1973

    (@paul1973)

    Excellent that works a treat, a big thumbs up on your theme. I have another issue but I’ll try and fix it myself first save bothering you. Paul

    Thanks for that dsntlt, was also struggling with similar..

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Main features widgets’ is closed to new replies.