WordPress.org

Ready to get started?Download WordPress

Forums

Brankic Social Media Widget
[resolved] The icons looks out of box (7 posts)

  1. Rhydems
    Member
    Posted 1 year ago #

    Hello.
    First your widget is awesome i really like very nice work (Y).
    I could like to know if could help me cuz the widget doesnt look well in my blog:

    http://www.winphollowers.com
    (up and right)

    I'm not sure if is cause of theme but could u help me? Thanks

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

  2. jas8522
    Member
    Posted 1 year ago #

    Hi there,

    I also had a similar problem with spacing after the widget. The fix is as follows.

    1. Open the file "bra_social_media.php" in the plugin folder using your favorite text editor (or possibly even the plugin editor in WordPress).

    2. Go to line 68 which has the closing unordered list tag and looks like this: <!-- END UL-->

    3. Immediately after that, insert a new line with the following:

    <div style="clear:left"></div>

    That's it!

  3. Rhydems
    Member
    Posted 1 year ago #

    Hey Jas.

    Thanks for your help now the plugin works very well :D

    Regrads.

  4. jas8522
    Member
    Posted 1 year ago #

    Happy to help!

  5. LesserNoddy
    Member
    Posted 8 months ago #

    Hello Jas.
    I have the same problem but i can't figure out ,i follow your instruction
    above but nothing change .but problem remain the same.
    Plz Help
    My site url is
    http://www.pagasait.com/

  6. jas8522
    Member
    Posted 8 months ago #

    Hi Lesser,

    It appears your theme's social media icons in the upper right corner are using very non-specific CSS that is thusly also applying to the elements within this widget.

    You have this on line 756 of style.css:

    .twitter {
    background-image: url(images/twitter.png);
    }

    Since that applies to every single element with the class "twitter", it's also applying to your brankic social media twitter element.

    Hopefully you can change the CSS for those icons in the header to look like this instead:

    #social-media-icons .twitter{
    background-image: url(images/twitter.png);
    }

    I'm guessing you'll need to do the same for the Facebook icon:

    #social-media-icons .facebook{
    background-image: url(images/facebook.png);
    }

    That change will make the background-image only apply to .twitter and .facebook elements found within the div with id='social-media-icons'

  7. LesserNoddy
    Member
    Posted 8 months ago #

    Thanks Jas.
    now the plugin works Properly.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic