Services Widget Problem


#1

Hello…Pls check the home page of www.sbcconsulting.in
In the Services widget, I changed the color to orange. All the Hexagon shaped icons have completely turned
plain orange. But the graphical drawings inside have disappeared. The white graphics is visible only in the
“Structuring” icon. How to get the graphical icons in rest of the icons back ? I just want them in white color.

Also the entire Services widget section should touch the top main header image. Right now there’s a gap.

Please check attached screen shot and suggest.


Font Awesome Icon Displaced
#2

Hello,

  1. Perth theme includes Font Awesome 4.1.0, which doesn’t seem to contain those missing icons.

  2. Try to use the following CSS code. You can add CSS code in Customize → Additional CSS section.

div#content.site-content {
    margin-top: 0;
}

Kind Regards, Roman.


#3

It’s partly working after activation the font awesome plugin. But the graphic icons are not center aligned in their respective shells. Please check home page of www.sbcconsulting.in
Please advise.


#4

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.service-icon svg {
    top: 22px;
    left: 15px;
    min-width: 40px;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.


#5

The Services section widget’s icon alignment is fine now. But in contact section still the email icon is at left side and phone icon is not visible. Any solution ?


#6

Hello, try to add this as well:

.widget_perth_contact_info svg {
    position: static;
}

Kind Regards, Roman.


#7

Thanks and it’s working.


#8

Great! You are welcome :slight_smile:

Kind Regards, Roman.


#9