Return to previous page

Facebook Like button at top bar - by ejder077

This topic has 12 replies, 2 voices, and was last updated 6 years, 1 months ago ago by Rose Tyler

ejder077

Participant

February 26, 2018 at 04:21

Hi,

I have inserted the facebook like button (Attachment 1) at the left side of the top bar.

May I ask how can I change the color of the sentence “You and 2.7K others like it”? (Please see attachment 2)

But the button and the text are sticked in the bottom of the top bar, may I ask how can I make it a little bit upper just like the “MY ACCOUNT” button of the right side of the top bar? (Please see attachment 3)

Thank you so much for your help!

Attachment 1:https://prntscr.com/iiabzx
Attachment 2:https://prntscr.com/ijr3e3
Attachment 3:https://prntscr.com/ijr3i0

#186243 Copied

11 Answers
Rose Tyler

Support staff

February 26, 2018 at 10:10
Hello,

Please add this css code in Theme Options > Styling > Custom css:
```
.top-bar .fb_iframe_widget span {
    height: 40px !important;
}
.top-bar #facebook span {
    color: white;
}
```
Regards
#186283 Copied
ejder077

Participant

February 26, 2018 at 12:29

Hi,

I followed the instruction, but there is no change. May I ask what is the problem?

Thank you

#186318 Copied
Rose Tyler

Support staff

February 26, 2018 at 13:56
Hello,

Please change the previous code to:
```
html#facebook body.plugin {
    color:  #fff;
}
.top-bar .fb_iframe_widget span {
    height: 40px !important;
}
```
then clear cache and check.

Regards
#186344 Copied
ejder077

Participant

February 26, 2018 at 14:16

Sorry, there is still no change. Did I do it wrong?

Please see the attachment: https://prntscr.com/ijxht1

#186350 Copied

Rose Tyler

Support staff

February 26, 2018 at 14:20

Hello,

Could you please provide temporary wp-admin access in Private Content?

Regards

#186351 Copied

ejder077

Participant

February 26, 2018 at 14:23

Hi, Here is my username and password

Please, contact administrator
for this information.

#186355 Copied

Rose Tyler

Support staff

February 26, 2018 at 15:24

Hello,

Please check now https://prnt.sc/ijyk9k > https://prnt.sc/ijyja3 read more – https://developers.facebook.com/docs/plugins/like-button

Regards

#186367 Copied

ejder077

Participant

February 27, 2018 at 11:11

Thank you!

But I still have a question, the button and the text are sticked in the bottom of the top bar, may I ask how can I make it a little bit upper just like the “MY ACCOUNT” button of the right side of the top bar? (Please see the attachment)

Attachment: https://prnt.sc/ijr3i0

#186451 Copied

Rose Tyler

Support staff

February 27, 2018 at 11:27

Hello,

Please, clear cache and check https://prnt.sc/ikcgvx (you can change custom css code if this is needed -http://prntscr.com/ikchzj).

Regards

#186456 Copied

ejder077

Participant

February 28, 2018 at 03:52

Thank you!

#186569 Copied

Rose Tyler

Support staff

February 28, 2018 at 09:22

You’re welcome!
Have a nice day.

Regards

#186608 Copied
Viewing 12 results - 1 through 12 (of 12 total)