Alignment of icons

In General Settings, do you have “Icons per row” set to “Auto” or “1”?

Thanks for the quick response.

I have tried both Auto and 1, but no change. I also had to put this customer CSS in .socialmedia-buttons {width: 32px;} as it was stretching the icons.

Hope you can help.

I have taken the code out for you to see.

I checked out https://www.kolonel.net/test/ and it looks like you have it set to “1” is that not the case? Please make sure it’s set to “Auto” and click save. Let me know when you do that and I’ll try to see what’s going on if it isn’t fixed. Thanks.

Have changed it to AUTO, but still seems the same.

Thanks again for looking into this ??

Got me beat.

Still a little green with this sort of stuff, but cant see where i may have gone wrong.

Did you add any custom css styling to the page? There’s got to be some css rule that is interfering.

Yes, i do have some custom CSS :

.feature_contentbox a.readmore {display: none;}
.feature_contentbox h1 {color:red;}
.feature_info {display: none;}
.signup-text .button1 {display: none;}
.socialmedia-buttons {width: 64px;}

Hope this helps, as i am pretty happy overall.

Ok, I’ve finally located the code responsible for the problems. First, you can delete the .socialmedia-buttons {width: 64px;} from your custom css.

Then, go to your theme’s style.css file and delete lines 1594-1596:

.footer-wrapper .footer_widget img {
    width:100%;
}

This should finally fix the issue.

Actually, instead of deleting 1594-1596, change it to the following:

.footer_widget.last img {
    width:100%;
}

This will preserve the correct image size for your last footer widget with the google map.

Blink Web Effects, you are a superstar.

Thank you so much for the help. I hope to return the favour to the community one day.

Thank you all.