[Rue NelModerator]

Hello There,

Thanks for letting us know that it has been useful to you.

Cheers.

[davidleefishParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Please include the full URL, for example, http://facebook.com/some-user-name. Always add http://

Cheers!

[Cristina_Ferrero8Participant]

Hi there!

I?d like to remove the circles that appear around the social sharing buttons when you hover over them. How can I do?

Thanks in advance

Cristina

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.x-entry-share .x-share:hover{
background-color:transparent;
}

Hope that helps.

[Cristina_Ferrero8Participant]

thanks for the code, it’s perfect!

[ChristopherModerator]

You’re welcome.

[Thai4moreParticipant]

Dear x, how can i delete ‘share this post’ above the social icons?
Thanks in advantage, best regards cor

[DarshanaModerator]

@thai4more

Please add the following CSS rule into your Customizer, Custom > CSS area.

.x-entry-share > p {
    display: none;
}

Hope that helps.

[santiyagueParticipant]

Hi there,

How can I edit the color, size or typography of the title “share this post”? And add a top margin or padding above the top grey line?

Thanks in advance!

[Rue NelModerator]

Hello There,

Thanks for updating this page.

To edit the color, size and typography of the title “Share this post”, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-entry-share p {
    font-size: 20px;
    color: red;
    font-family: "Arial", serif;
}

Hope this helps. Please let us know how it goes.

[santiyagueParticipant]

Thanks, Ruel Nel, but it doesn’t work.

I was able to edit other stuff in this social sharing area but can’t handle with the title. Yesterday I deleted the dotted lines under the icons but here they are again too.

Could you help me, please?

Thanks in advance 🙂

[santiyagueParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

There are syntax mistakes in your CSS.

Find following codes:

.x-colophon.bottom {
  background-color: #98cfcd}
.search-results .entry-content.excerpt p {
width: 100%;
margin:0 auto;
margin-top: 30px;
display:block;;
}
.x-share-options a.x-share-title {
    font-size: 23px;
    color: #5d5d76;}
}

And update them to :

.x-colophon.bottom {
  background-color: #98cfcd;
}
.search-results .entry-content.excerpt p {
width: 100%;
margin:0 auto;
margin-top: 30px;
display:block;
}
.x-share-options a.x-share-title {
    font-size: 23px;
    color: #5d5d76;
}

Hope it helps.

[santiyagueParticipant]

It helped a lot! 😉

I made those changes and then added the CSS code you sent me before. Everything is working now.

One last question: Is it possible to erase the 2 lines around the area? I mean the grey ones.

Thanks.

[Author]

Posts