Horizontal Sharing is Vertical in buddypress

Hi there,

I noticed that CSS of your website is overriding the CSS of sharing icons. To resolve it, place following code at the end of “wp-content/themes/CURRENT_THEME/functions.php” before ?> (if ?> is not there, simply place the code at the end of the file) and save the file back. CURRENT_THEME is your active theme:

function the_champ_custom_css(){
	?>
	<style type="text/css">
	ul.the_champ_sharing_ul li{
	    width: auto !important;
	}
	</style>
	<?php
}
add_action('wp_head', 'the_champ_custom_css');

Hello the_champ and thank you very much for your quick reply. I’ve added the code to my child theme’s (which is the active theme) functions.php but there is no change. My functions.php looks like this:

<?php
/**
 * @package WordPress
 * @subpackage Sweetdate
 * @author SeventhQueen <[email protected]>
 * @since Sweetdate 1.0
 */

/**
 * Sweetdate Child Theme Functions
 * Add extra code or replace existing functions
*/ 

function the_champ_custom_css(){
	?>
	<style type="text/css">
	ul.the_champ_sharing_ul li{
	    width: auto !important;
	}
	</style>
	<?php
}
add_action('wp_head', 'the_champ_custom_css');

?>

Seems some issue with your child theme. Try to place this code in functions.php file of your parent theme.

Hi. Adding code to functions.php of my parent theme didn’t solve the problem. Still vertical…

Then place following CSS in any CSS file being loaded at the webpage where vertical sharing interface is appearing

ul.the_champ_sharing_ul li{
	    width: auto !important;
	}

Adding this:

.activity-list li, #groups-list li {
    clear: none !important;
}

after your code did the trick ??

Cool ??