WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Alignment of icons

[Resolved] Alignment of icons

Viewing 12 replies - 1 through 12 (of 12 total)
  • Blink Web Effects
    Member

    @bmwebproperties

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

    robsanders
    Participant

    @robsanders

    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.

    robsanders
    Participant

    @robsanders

    I have taken the code out for you to see.

    Blink Web Effects
    Member

    @bmwebproperties

    I checked out http://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.

    robsanders
    Participant

    @robsanders

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

    Thanks again for looking into this 🙂

    robsanders
    Participant

    @robsanders

    Got me beat.

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

    Blink Web Effects
    Member

    @bmwebproperties

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

    robsanders
    Participant

    @robsanders

    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.

    Blink Web Effects
    Member

    @bmwebproperties

    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.

    Blink Web Effects
    Member

    @bmwebproperties

    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.

    robsanders
    Participant

    @robsanders

    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.

    robsanders
    Participant

    @robsanders

    Thank you all.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Resolved] Alignment of icons’ is closed to new replies.