Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #204016

    Hello to all,

    when I use some social plugin in the footer widget area, like Brankic social media, all the icons have vertical alignment.
    Can I solve this issue and have an horizontal/inline alignment?



    Hi tomgraziani!

    Please post a link to your website (you can post it as private reply too). We’ll investigate it and check what causes the issue.



    Hi Peter,

    my website is on a virtual server (Mamp) so I can’t send the link. I can send you the link to the plugin (http://wordpress.org/plugins/brankic-social-media-widget/) so you can try it in a demo site. I can also send my css folder or other pages if you need. Thank you for your help.




    We need to actually inspect it live and see what could be causing a conflict. The plugin *should* have css specific to itself to override any theme css but if it doesn’t then some new css would need to be written.



    Thanks Devin,
    this is the css code of the plugin. I can not understand what needs to be changed. Anyway, thanks for the help and best wishes for a happy 2014!

    .social-bookmarks {
    	padding: 0!important;
    	margin: 0!important;
    	list-style-type: none!important;
    .social-bookmarks li{
    	float: left!important;
    	margin-right: 2px!important;
    	margin-bottom: 2px!important;
    	padding: 0px!important;
    	display: inline!important;
    	width: auto!important;
    .social-bookmarks li a {
    	-moz-transition: all 0.3s ease 0s;
    	display: block!important;
    	float: left!important;
    	height: 100%!important;
    	margin: 0!important;
    	padding: 0!important;
    	width: 40px!important;
    	height: 40px!important;
    	text-indent: -9999px!important;
    .social-bookmarks li a:hover {
    	background-position: 0 -40px!important;
    .social-bookmarks li a {

    The issue is that the plugin isn’t adding in its own selector or ID on the social icons and instead is just using a general “social-bookmarks” class and overusing !important. Looking at their demo site they already have the custom class in place, the css just doesn’t reflect it. For example they should be using:
    .bra-zig-social-media-widget before each css selector as social-bookmarks is just way too generic.

    The plugin author should modify the plugin to be better inline with WordPress standards so this doesn’t happen.

    If you can put the site live we can inspect the widget/code live and assist with specific css that will work for now but its a band-aid solution.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Inline social icons in Footer’ is closed to new replies.