Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 31, 2013 at 12:45 pm #204016
    tomgraziani

    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?

    http://www.thomasgraziani.it/Question_Enfold_alignment.jpg

    December 31, 2013 at 3:57 pm #204051
    Dude

    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.

    Cheers!
    Peter

    December 31, 2013 at 4:26 pm #204058
    tomgraziani

    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.

    Regards.

    December 31, 2013 at 4:46 pm #204066
    Devin

    Hi!

    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.

    Cheers!
    Devin

    December 31, 2013 at 7:10 pm #204119
    tomgraziani

    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 {
	background-color:transparent;
}
    December 31, 2013 at 7:25 pm #204123
    Devin

    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.

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