Support » Plugin: Brankic Social Media Widget » The icons looks out of box

Viewing 6 replies - 1 through 6 (of 6 total)
  • 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!

    Hey Jas.

    Thanks for your help now the plugin works very well 😀


    Happy to help!

    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

    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’

    Thanks Jas.
    now the plugin works Properly.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘The icons looks out of box’ is closed to new replies.