Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the pue-sales domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/staging-poc/public_html/wp-includes/functions.php on line 6114

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the better-click-to-tweet domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/staging-poc/public_html/wp-includes/functions.php on line 6114

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the pue-amazon domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/staging-poc/public_html/wp-includes/functions.php on line 6114

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the pue-stats domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/staging-poc/public_html/wp-includes/functions.php on line 6114

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the wordpress-seo domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/staging-poc/public_html/wp-includes/functions.php on line 6114
what is the css code to display the social buttons horizontaly | Event Espresso - Staging Server

Support

Home Forums Social Media Buttons what is the css code to display the social buttons horizontaly

what is the css code to display the social buttons horizontaly

Posted: January 10, 2013 at 1:31 pm

Viewing 4 reply threads


nsantossilva

January 10, 2013 at 1:31 pm

Hello,

i added to my custom css the

.ee-social-media-buttons {
background-color:transparent;
background-position:initial initial;
background-repeat:initial initial;
border:0;
font-size: 100%;
outline:0;
padding:0;
vertical-align:baseline;
}

and have been playing around but i can’t place the buttons horizontally can you help me with this?

Thanks

Nuno


Dean

  • Support Staff

January 11, 2013 at 12:52 am

Hi Nuno,

By default they should be horizontal.

Have you got a link to an example?


nsantossilva

January 11, 2013 at 2:39 am

Hi Dean

Once again ;-)

The buttons dont have any space, and what i ment was to have them all in a single row, is this possible?

Thanks

Nuno


Dean

  • Support Staff

January 11, 2013 at 3:41 am

Hey Nuno,

The default (using the twentyeleven theme with ThemeRoller turned on in the Event Espresso options) is like this: http://d.pr/i/FQg2

The CSS control the main structure is

for the containing div
.ee-social-media-buttons {}

for the individual button containers
.ee-social-media-button

So by adding something like padding-right:30px; to the individual buttons css class you can add some space.

The horizontal alignment, really depends on what CSS is controlling or overrulling the defaults, but generally a float:left; should do it, but as said it depends.


nsantossilva

January 11, 2013 at 5:55 am

Hi Dean,

Thanks it is done. ;-)

Viewing 4 reply threads

The support post ‘what is the css code to display the social buttons horizontaly’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso - Staging Server