Change alignment of Socials Share Buttons

Hi, I’m using the code from your website below to style the Social Share Buttons.
They are aligned to the center by default, but I would like them aligned on the left.
How can I do that?

Also, how can I change the language/text of the tooltip, and the transparency or placement?
It looks like the tooltip is transparant and is display below the text above it now, which I don’t want.

Best regards, Haiko.

/*----------------------------------------
// CSS - Social Share style - 3 
//--------------------------------------*/

/* Hide tool tip
.av-social-sharing-box .avia-related-tooltip {
  display: none !important;
} */

#top .av-share-box ul { 
   border: none;
}

/* Remove icon border */
.av-share-box ul li {    
    border-left-style: none;    
    display: inline-block;
    vertical-align: middle!important;
   margin: 0 10px 0 0; 
}

/* Icon style */
.av-share-box ul li a {
   width: 30px!important;
   height: 30px!important;
   border-radius: 5px!important; 
   padding: 3px 0 !important;

}

/* Icon color */
.av-share-box ul li a:before {
  color:#1d1d1b;
  transition: all .5s ease;
}

/* Icon color on hover */
.av-share-box ul li a:hover:before {
  color:#1d1d1b;
  transition: all .35s ease;
}

/* Icon background color on hover */
.av-share-box ul li a {
  background: #f0f0f0;
}

.av-share-box ul li a:hover:before {
  color:#f4f7f9;
}

• This topic was modified 4 years, 3 months ago by rhae.