hello
my site functions as supposed
but
all the BP links are colored default browser (blue/purple)
i know it s a style problem but i have no idea on how to set these colors to white

http://www.alainwelter.com

any help with instructions on where to change what would be welcome

ty

awe

ps:and yes i read in the forum before posting but didn t find a solution

[@karmatosed Moderator 13 years, 4 months ago]

You appear to not have a style for the links so as a result yes it is going to default.

Try this:


a, a:link{
color: #ffffff;
}
a:visited{
color: #ffffff;
}
a:hover{
color: #ffffff;
}


I listed hover and visited separately as ideally you’d show those states with a colour variation even if a slight one of #eeeeee or something.

Put the code in your stylesheet / child theme preferably would be one to have this (don’t know what set up you are using). It should then work otherwise please post back and say where put to aid diagnosis.

[@juxair Member 13 years, 4 months ago]

ty for your fast reply karma

i added it to the (my) theme style.css

NO change ….

if you visited my site you can see that all links are white or orange or green (link visited hoover)
BUT they do not get accepted in BP…

i hope you have an idea…

ty again regards

awe

[@juxair Member 13 years, 4 months ago]

@ Karma

i found where to put it…

bp template pack
bp.css

that seems to work

ty again for your help

regards

awe

[@juxair Member 13 years, 4 months ago]

my joy was too soon

though it fixes BP it completely messes up the dashboard now …

suggestions are welcome

regards

awe

[@kizinko Participant 13 years, 4 months ago]

First thing, you need a child theme if you haven’t already created one. Doing a quick search online should find directions on how to do it if you need.

Second, In that child theme you need a CSS file to make changes to your buddypress site’s style.

Third, there is a buddypress file called default.css where all the default styling is set up. In many cases your CSS file and the default file will have conflicts, but not to worry…there is a solution.

Using code from karmatosed from above, I’ve added a couple of modifications.
a, a:link{color: #ffffff !important;}
a:visited{color: #ffffff !important;}
a:hover{color: #ffffff !important;}

Hope this helps!