[kenpire]

Hi,

As I want to customize the premium version of the theme for my own company, I also would like to change the color of the icons in the service widget in the business layout. I’ve added an icon (recommended size 80*80 / *.png file type) in dark purple color. But apparently I get a grey circle around it after uploading.

Is it possible to overrule this, or do I have to make the icons bigger so they overlay the grey circle? I hope you have a solution for this design issue.

Thanks in advance.

(if you want to take a look: http://www.firstinvasion.com/cms)

[Sanjip Shah]

@kenpire You can use the custom css to remove the grey part. In the dashboard, go to Appearance->Theme Options->Design Options Tab->Custom CSS. Paste the following css and click on ‘Save all Changes’.

.service-item .service-icon {
    background-color: none;
}

Hope this helps you.

[kenpire]

Hello Sanjip,

Thanks for the very fast reply and solution you came up with.

Unfortunately the CSS code you posted did not make disappear the background color. I tried it several times to paste it before i klicked ‘save changes’ in the Custom CSS section, and I even tried to change the CSS code slightly, but nothing happened.

But your code helped me to make disappear the background via another way. I switched to the “edit” button in Appearance to make changes in the style.css file. Searched for this “service-item” text in the style.css and there I put “none” instead of the color-code. Apparently this made disappear the background anyway. So it’s fixed now.

Thanks for guiding me in finding the solution for this issue.

[Author]

Posts