Share On

Share on buttons issue - Share On

Share on buttons issue

by Thunder86 » Wed Jan 10, 2024 10:44 pm

Hey!

I don´t know why but my buttons have a small white font background/shadow.

Looks like there is an image with white font thats under the css configured color.
Screenshot 2024-01-10 at 23.40.42.png
Screenshot 2024-01-10 at 23.40.42.png (2.13 KiB) Viewed 55 times

mine shareon.css

Code: Select all

#social {
	margin: 20px 10px;
	text-align: right;
}

.global-button {
	display: inline-block;
	position: relative;
	cursor: pointer;
	width: 25px;
	height: 25px;
	padding: 0px;
	text-decoration: none;
	text-align: center;
	color: #8f8f8f;
	font-size: 13px;
	font-weight: normal;
	line-height: 2em;
	border-radius: 15px;
}

.global-button:hover { text-decoration: none; }

.facebook-button {
	color: #fff;
	background: #2d2d2d;
}

.facebook-button:before {
	font-family: "FontAwesome";
	content: "\f09a";
}

.facebook-button:hover {
	color: #000000;
	background: #3b5998;
}

.twitter-button {
	color: #fff;
	background: #2d2d2d;
}

.twitter-button:before {
	font-family: "FontAwesome";
	content: "\f099";
}

.twitter-button:hover {
	color: #000000;
	background: #4099FF;
}

.reddit-button {
	background: #ff4500;
}

.reddit-button:before {
	font-family: "FontAwesome";
	content: "\f281";
}

.reddit-button:hover {
	color: #ff4500;
	background: #fff;
}

.vk-button {
	background: #4a76a8;
}

.vk-button:before {
	font-family: "FontAwesome";
	content: "\f189";
}

.vk-button:hover {
	color: #4a76a8;
	background: #fff;
}

.tumblr-button {
	background: #3a5876;
}

.tumblr-button:before {
	font-family: "FontAwesome";
	content: "\f173";
}

.tumblr-button:hover {
	color: #3a5876;
	background: #fff;
}

.whatsapp-button {
	color: #fff;
	background: #2d2d2d;
}

.whatsapp-button:before {
	font-family: "FontAwesome";
	content: "\f232";
}

.whatsapp-button:hover {
	color: #000000;
	background: #66ec6e;
}
User avatar
Thunder86
Registered User
Posts: 106
Joined: Fri Apr 07, 2023 6:21 am

Re: Share on buttons issue

by _Vinny_ » Thu Jan 11, 2024 2:26 pm

What is your style?
User avatar
_Vinny_
Style Customisations
Style Customisations
Posts: 10222
Joined: Tue Aug 11, 2009 12:45 am
Location: Brazil
Name: Marcus Vinicius

Re: Share on buttons issue

by Thunder86 » Thu Jan 11, 2024 7:13 pm

myInvision
User avatar
Thunder86
Registered User
Posts: 106
Joined: Fri Apr 07, 2023 6:21 am

Re: Share on buttons issue

by _Vinny_ » Fri Jan 12, 2024 2:21 am

Check with the style author, this refers to the style links.
User avatar
_Vinny_
Style Customisations
Style Customisations
Posts: 10222
Joined: Tue Aug 11, 2009 12:45 am
Location: Brazil
Name: Marcus Vinicius

Re: Share on buttons issue

by Thunder86 » Fri Jan 12, 2024 3:54 pm

I think it’s not an issue of the theme. Maybe my edits in the css but in general your extension is only working with front awesome 5 isn’t it?

Or does the extension also works with an image?
User avatar
Thunder86
Registered User
Posts: 106
Joined: Fri Apr 07, 2023 6:21 am

Re: Share on buttons issue

by _Vinny_ » Fri Jan 12, 2024 5:03 pm

Thunder86 wrote:I think it’s not an issue of the theme. Maybe my edits in the css but in general your extension is only working with front awesome 5 isn’t it?

Or does the extension also works with an image?
Font Awesome 4.7
User avatar
_Vinny_
Style Customisations
Style Customisations
Posts: 10222
Joined: Tue Aug 11, 2009 12:45 am
Location: Brazil
Name: Marcus Vinicius