/    Sign up×
Community /Pin to ProfileBookmark

css -code?

Copy linkTweet thisAlerts:
May 01.2015

Hi

I have Facebook -icon in my webpage. When I put the cursor on it, there comes “popup”-window “Klikkaa jakaaksesi”. It means “click to share”.

I´d like to replace this popup -text (Klikkaa jakaaksesi) with another text – for example “KaaRe Facebook”.

How can I do it with css? I don´t have rights to modify original html- code, that´s why I have to do it with the css.

Can somebody help me, thanks.

My webpage address is [url]www.kaare.fi[/url]

to post a comment
CSS

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@coderunnerMay 02.2015 — As far as I understand, you just want to change the popup text when mouseover the "F" of the Facebook logo.

You can't do it with CSS.

Open your source code and find this line

<li class="share-custom share-regular"><a rel="nofollow" style="background:url(http://kaare.fi/wp-content/uploads/sites/958/2015/04/Facebook.png) no-repeat center left;" class="share-custom share-icon no-text" href="http://kaare.fi/?share=custom-1430379448" target="_blank" title="[COLOR="#FF0000"]Klikkaa jakaaksesi[/COLOR]"></a></li>

and change the red highlighted text to what you want to show in the text box.

Regards
Copy linkTweet thisAlerts:
@DeveloperDaveMay 03.2015 — How did you generate the share button code? The Facebook tool might provide a way for you to customize this text too.
Copy linkTweet thisAlerts:
@harryjackMay 09.2015 — How did you generate the share button code? The Facebook tool might provide a way for you to customize this text too.[/QUOTE]

IT is the best example of CSS.
Copy linkTweet thisAlerts:
@anirban09PMay 11.2015 — CSS is a plain text file format used for formatting content on web pages. CSS stands for Cascading Style Sheet and is used by web pages to help keep information in the proper display format. CSS files can help define font, size, color, spacing, border and location of HTML information on a web page, and can also be used to create a continuous look throughout multiple pages of a website.
×

Success!

Help @KPP spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.25,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...