WordPress.org

Ready to get started?Download WordPress

Forums

Social Media Widget
[resolved] Alignment of icons (13 posts)

  1. robsanders
    Member
    Posted 1 year ago #

    Love the plugin, very simple.

    Have one small issue with wanting to have the icons horizontally, but will on show vertically. Any help would be appreciated.

    http://www.kolonel.net/test

    http://wordpress.org/extend/plugins/social-media-widget/

  2. Blink Web Effects
    Member
    Plugin Author

    Posted 1 year ago #

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

  3. robsanders
    Member
    Posted 1 year ago #

    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.

  4. robsanders
    Member
    Posted 1 year ago #

    I have taken the code out for you to see.

  5. Blink Web Effects
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  6. robsanders
    Member
    Posted 1 year ago #

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

    Thanks again for looking into this :)

  7. robsanders
    Member
    Posted 1 year ago #

    Got me beat.

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

  8. Blink Web Effects
    Member
    Plugin Author

    Posted 1 year ago #

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

  9. robsanders
    Member
    Posted 1 year ago #

    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.

  10. Blink Web Effects
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  11. Blink Web Effects
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  12. robsanders
    Member
    Posted 1 year ago #

    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.

  13. robsanders
    Member
    Posted 1 year ago #

    Thank you all.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.