Loading Profile...
CSS code to control tabbed side bar appearance?
What CSS code can I use to make my tabbed side bar coordinate with the rest of my wiki? I just switched to the tabbed sidebar, and it is now ignoring my side bar css code that I had in place. How can I correct this, since it looks hideous?
I’m frustrated
2 people have 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?Hello Coyote,
It sounds like you are using the older v1 version of a wiki. I do have a page with some tips and tweaks for the tabbed side bar.
http://help4all.pbwiki.com/SideBarsHelp
I'm not sure I can help much with CSS coding, but if you have specific example code you want to share, there are some folks here who might offer some advice.
I’m hoping this helps
-
Inappropriate?What CSS were you using before? The tabbed sidebar, as you have discovered, uses completely different CSS for it's styling. If you can show me what you did before, perhaps we can make it work for the tabbed sidebar.
Be aware that none of this will work in V2.0 wikis. -
Inappropriate?Thank you very much for your help! The font face and size elements never did work, though. Only the color.
Here is the CSS I used before:
#SideBar h1 {
font-size: 24px;
color: #aa8899;
margin-bottom: 3px;
font-family: impact, Arial, times new roman, verdana;
font-weight: normal;
font-variant: small-caps;
letter-spacing: 0.2em;
}
I’m thankful
-
Inappropriate?Ok, here's the no-tab sidebar version
and the tabbed sidebar version
.
(Click the images to visit the actual pages.)
-
Inappropriate?Ah, fantastic! :D I needed that, badly! :) I tried for hours to get my sidebar headings to work. Now they do!!!
I realize I didn't give you the whole side bar CSS with it, though. I'm sorry! Would it be possible to get a translation for this too? I very much appreciate your help.
#SideBar {
background: #ffffff;
color: #000000;
margin: 10px;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: auto;
font-family: arial;
text-decoration: none;
}
I’m thrilled
-
Inappropriate?I'll have a look at it, but there are complications. The old sidebar was a single "content area" - the entire sidebar. The new sidebar has 4 areas - the three "content areas" (one for each tab), and the tabs themselves. The code I used in the tabbed example, for instance, only styles the headers in the "SideBar" tab, not the other two. I will try to modify the example so that the changes work across all the tabs, and not just in one.
-
-
Inappropriate?.sidebar_v2 h1 {
...code...
}
For each of the individual declarations, you may use the !important declaration because of the way the sidebar.css file is included, such as:
font-size: 24px !important;
Hope that helps.
1 person says
this answers the question
-
Inappropriate?YES!! That declaration did it!! Thank you very much for your help. I prefer dark colors with light text, so I was really frustrated with that forced white on the background of the sidebar.
I’m delighted
-
Inappropriate?After a few more minutes of playing with that !important declaration, I think I can solve the rest of my style issues. Again, thank you very much.
I’m thrilled
EMPLOYEE
EMPLOYEE
