Loading Profile...
How do I change the colors of my links?
I had a pretty good question from someone - they want to change the colors of their links for the whole wiki, but the skin overrides it for the most part. Now I know a bit about HTML and CSS, but when I was messing around on my own wiki, I couldn't find a simple way of doing it other than at every link.
Do any of you geniuses out there have a good workaround for me? The wiki in question is a free wiki, so just using the Custom CSS isn't really an option. Also, the skin is the ever-popular, ever-troublesome Qua skin.
Do any of you geniuses out there have a good workaround for me? The wiki in question is a free wiki, so just using the Custom CSS isn't really an option. Also, the skin is the ever-popular, ever-troublesome Qua skin.
I’m ready for some new colors in my wiki
1 person has this question
I have this question, too!
Tell me when someone answers.
The more people who ask this question, the more it gets noticed.
The more people who ask this question, the more it gets noticed.
-
Inappropriate?Put this code in your SideBar:
<style type="text/css">
Works with every skin.
#displaycontent a { color: yellow; }
#displaycontent a:hover { color: red; }
#displaycontent .toc a { color: blue; }
</style>
2 people say
this answers the question
-
Inappropriate?Huh? Clear as mud to us normal folks. I want to change the color within a table and it looks as if the second color button in editing should do that. But I click "edit" choose a color, and nothing happens. I'm sure this is a stupid question, but I don't see it addressed on the "related topics." Where is the FAQs page? Hmmmm....
I’m confused
-
Inappropriate?I actually found that we have a really great tutorial on this here on Satisfaction! Just check out this conversation here - http://getsatisfaction.com/pbwiki/top...
It has everything you could ever need! Have fun! -
Inappropriate?Also, if there's something you're doing in CSS that seems like it SHOULD work but doesn't, try using the !important declaration, like so:
<style>
#displaycontent table {
background: blue !important;
}
</style>
The !important keyword allows you to override any other statement defining the properties of an element, even if it would normally have priority.
-Vu
P.S. Yes, I did design Qua, and yes, it does have problems. -
Inappropriate?Casey, the tutorial link you provided does not answer the question on how to change the color on the link. Do you have an answer? -
Inappropriate?That was a response to the slightly off-topic question on how to change the background color of a table, you can see it's nested in. Also, there are two other replies in this thread that *do* answer the question, and excellent answers they are.
1 person says
this answers the question
-
Inappropriate?Casey, a "normal" user of pbwiki -- and even my techie here at school -- can't understand those answers to the question, how do I make my links some other color than dark blue! I have no idea what it means to say, "put this code in the sidebar." Huh? But I already indicated that.
We are creating a wiki with many live links on beautiful colored squares. You can't see the links if it's blue on blue. We want to make the link yellow or white.
Is there a way to change the default color of dark blue?
I’m nonplussed by your answer
-
Inappropriate?Okay, this is going to be a little awkward, but it's the best way to do it because of the way the Point&Click Editor handles nesting of <span>'s (you don't need to understand that). I've also confirmed that this problem is fixed in PBwiki 2.0.
Anyway, without further ado:
1) Create your link like you would normally, but in the "Link Text" field, add an extra character before the link text. For example, if I'm linking to the FrontPage, I might make the link text "zFrontPage". Click OK and make your link.
2) Now, back in the main editor, highlight ONLY the real portion of the link text, which in this case would be "FrontPage". Select a different color with the color picker. That portion should now be a new color.
3) Erase the extra character (in this case, a 'z')
Like I said, it's awkward, but it's definitely fixed in PBwiki 2.0, so we all have that to look forward to.
I’m sorry for the confusion
-
Inappropriate?Thank you very much Vu! It took some trial and error, but, generally speaking, I was able to change the colors of the links fonts and even make them look like each other. I even figured out how to copy the "code" from one of them into the box of the other (and then change the title). So thank you for your teaching!
My only other question concerns why "what you see is not what you get" from the editing page to the saved front page in some cases. It's really weird to see a link underlined and in a specific size on the editing page and then save it and have it look different on the Front Page. Any comment on why that might be happening and what to do about it?
Anyway, I'm very happy to have my links the right colors! Thank you again!
I’m happy
-
Inappropriate?It typically happens due to discrepancies between what the editor puts in the page, and then the CSS definitions for the page, which are skin specific and overlay everything else. This is usually the case when something is undefined, such as a block of text for which you have set no font or size. That will revert to the default for the given skin.
Generally speaking, if you explicitly define a font and size, that should stick.
EMPLOYEE