Add text above the buttons

CSS Codes Social Share Buttons
1

Add this code to the Custom CSS field on the Style tab of your Social Share Buttons widget’s settings:

.global-styles, .eapps-social-share-buttons-container::before {
  content: "YOUR TEXT"; 
  font-size: 15px;
  font-weight: bold;
}

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions :slightly_smiling_face:

1 Like
2

How do you add the text to the left of the buttons?

1 Like
3

Hi @Jad_Aoun :wave:

Would like to add one text to the left of the buttons, or you need to add a separate text to the left of each button?

4

Hi @Max, one text to the left of the buttons. I want to include the word “SHARE:” just to the left of the buttons.

1 Like
5

Got it, thanks! This code will do the trick:

.global-styles, .eapps-social-share-buttons-inner::before {
  content: "SHARE"; 
  position: absolute;
  font-size: 15px;
  font-weight: bold;
  left: -10%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.eapps-social-share-buttons-inner {
  position: relative;
}
1 Like