Colour of Tooltip | How can i change ?! - JomSocial Forum

Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated

Welcome the Technical Support section. Help us in assisting you by providing us with a concise and descriptive elaboration of your issues. Be specific and if possible, provide us with a step-by-step instruction in replicating your problem.

Colour of Tooltip | How can i change ?!

12 years 1 month ago

#104167

Topic Author
ewebs
Offline
Fresh Boarder
Posts: 10
Thank you received: 0

Licenses:

JomSocial Expired

Hi there,

see attachment ... i wanna change colour of tooltip background ( do not like black :)

Attachments:

12 years 1 month ago

#104192

Michał
Offline
Moderator
Posts: 13447
Thank you received: 3689

Licenses:

Hi.

Find this file :

ROOT/omponents/com_community/assets/tipsy-0.1.7/src/stylesheets/tipsy.css

Copy content to main css file of your current template. You can change values aas you like. If change doesn't work add !important before ending ;.

- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you

12 years 1 month ago

#104197

Dimas Tekad Santosa
Visitor
Thank you received: 0

Licenses:

Hi,

You can change this file components/com_community/assets/modules/module.css, this is the color and tipsy style code :

.tipsy{padding:5px;font-size:10px;opacity:0.8;filter:alpha(opacity=80);background-repeat:no-repeat;background-image:url(../tipsy-0.1.7/src/images/tipsy.gif);}
.tipsy-inner{padding:5px 8px 4px 8px;background-color:black;color:white;max-width:200px;text-align:center;}
.tipsy-inner{-moz-border-radius:3px;-webkit-border-radius:3px;}
.tipsy-north{background-position:top center;}
.tipsy-south{background-position:bottom center;}
.tipsy-east{background-position:right center;}
.tipsy-west{background-position:left center;}

I hope it will help

thank you

12 years 1 month ago

#104269

Topic Author
ewebs
Offline
Fresh Boarder
Posts: 10
Thank you received: 0

Licenses:

JomSocial Expired

Hi ..

i insert :

background-color:#e038c0;color:#fff;max-width:200px;

but no effect

i also try to modify the tipsy.css

also no effect !

regards michal

12 years 1 month ago

#104271

Dimas Tekad Santosa
Visitor
Thank you received: 0

Licenses:

Please you try create the override css code and put !important tag there

12 years 1 month ago

#104274

Topic Author
ewebs
Offline
Fresh Boarder
Posts: 10
Thank you received: 0

Licenses:

JomSocial Expired

hi .. where do i find override.css i have more than one :D

12 years 1 month ago

#104276

Dimas Tekad Santosa
Visitor
Thank you received: 0

Licenses:

you can put what ever you want, this the the override code eg .:

.tipsy-inner{padding:5px 8px 4px 8px;background-color:red !important;color:black !important;max-width:200px;text-align:center;}

12 years 1 month ago

#104277

Topic Author
ewebs
Offline
Fresh Boarder
Posts: 10
Thank you received: 0

Licenses:

JomSocial Expired

I do not understand .. sorry !!
i can make an own override ??
or you mean with the !important: tag it is enough ?

if not .. where do i have to store the override file !? ( path )

Dimas Tekad Santosa wrote: you can put what ever you want, this the the override code eg .:
.tipsy-inner{padding:5px 8px 4px 8px;background-color:red !important;color:black !important;max-width:200px;text-align:center;}

12 years 1 month ago

#104410

Dimas Tekad Santosa
Visitor
Thank you received: 0

Licenses:

Hi Ewebs,

Ok, make it simple, open this file components/com_community/assets/modules/module.css, find this code :

.tipsy-inner{padding:5px 8px 4px 8px;background-color:black;color:white;max-width:200px;text-align:center;}

change the "black" color to "red" for example and dont forget to add the important tag, the code will be like this :

.tipsy-inner{padding:5px 8px 4px 8px;background-color:red !important;color:white;max-width:200px;text-align:center;}

12 years 1 month ago

#104424

Topic Author
ewebs
Offline
Fresh Boarder
Posts: 10
Thank you received: 0

Licenses:

JomSocial Expired

hi :)

i did the changes and upload -- but no effect !
see attachment

whats wrong !?

Attachments:

12 years 1 month ago

#104430

Dimas Tekad Santosa
Visitor
Thank you received: 0

Licenses:

Hi ewebs,

since the modification is coming from the modules file, you need activate whatever jomsocial modules in your profile page / edit profile page, if you check on tooltips in frontend the color already changed.

thank you

12 years 1 month ago

#104435

Topic Author
ewebs
Offline
Fresh Boarder
Posts: 10
Thank you received: 0

Licenses:

JomSocial Expired

Hi :)

here is an actual screen .. minute ago
tooltip is black !!
see attachment

Attachments:

12 years 1 month ago

#104437

Dimas Tekad Santosa
Visitor
Thank you received: 0

Licenses:

you dont activate any jomsocia module on edit profile page, ok another way edit this file /components/com_community/templates/default/css/style.css, and change this color :

.tipsy-inner{padding:5px 8px 4px 8px;background-color:black;color:white;max-width:200px;text-align:center;}

12 years 1 month ago

#104439

Topic Author
ewebs
Offline
Fresh Boarder
Posts: 10
Thank you received: 0

Licenses:

JomSocial Expired

great .. that works ...

now i have pink ... but how about any updates ?
will i loose changes ?

regards
michael

Moderators: Piotr Garasiński

Powered by Kunena Forum

Join 180,000 websites creating Amazing communities

JomSocial is the most complete, easy-to-use addon that turns Joomla CMS into a
full -fledged, social networking site

TRY NOW BUY NOW