WordPress/Mandigo/User tips and tricks
From onehertz
Contents |
[edit] User Tips and Tricks
[edit] Black Background Mandigo
To completely remove the main white frame and display everything directly on the background, adjust the post and sidebar colors, then drop this into the HTML Inserts:
<style type="text/css">
/* remove white background */
.narrowcolumn .entry, .widecolumn .entry {
color: #EEE;
}
#header, #main, #footer {
background:transparent;
}
/* because of black bg, fix black text */
.posttitle, .posttitle a, .posttitle a:hover, .posttitle a:visited {
color: #DDD;
}
body {
color:#AAA;
}
</style>
[edit] Remove Stars and Icons from Sidebars
To remove all stars and icons from the list item sidebars put this in HTML Inserts:
<style type="text/css">
.sidebars li {list-style: none;}
</style>
More info about this in the following FAQ entry: How do I get rid of the star-shaped bullets?
[edit] Solution for: Too small font size used for threaded comments after 3rd depth
If someone uses Mandigo 1.39 with WordPress 2.7 and enables threaded comments support, the font size of the comments becomes smaller on each nesting level. The result is that the comments become unreadable after the third level.
A quick workaround is to put the following 4 lines in HTML inserts (header section):
<style type="text/css">
.commentlist li, #commentform input, #commentform textarea { font-size: 0.94em; }
.commentlist cite, .commentlist cite a { font-size: 1em; }
</style>
This will keep the font readable until depth level 5. If you want all comments (despite of the depth) to use the same font size, change 0.94 to 1 in the lines above. If you use a value larger that 1, then the font size will increase (and not decrease) as the comment depth increases.
It would be a good thing if this problem was resolved with a better method in the next release of Mandigo.
[edit] Changing Fonts used in Headers/Titles
NOTE: I don't know how to do this in the "HTML Inserts" section. This change does require minor editing of the "style.css.php" file. If you know how to do this in the "HTML Inserts" section, please add it on here!
I wanted the font for my widget titles to be different than the other titles, using a specific font called Pristina. I had used it in my header and background designs and thought it would spice things up a bit.
First, I changed the widget title size to "h4" in the "Theme Options" section. Second, I opened "style.css.php" in the Editor. Scroll down just a bit to see this section:
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.9em; }
I wanted to use the font "Pristina," a TrueType that's on most operating systems now. I didn't have to load the TrueType file into the Mandigo style files to make this work. That may not be the case for EVERY font. All I did was change the h4 line to read:
h4 { font-size: 1.1em; font-family: pristina; }
With the font in place, I noticed that 1.1em wasn't big enough to be legible in this font. So I went to another section further down, specific to the widget title:
.widgettitle, .sidebars li.linkcat h2 {
font-size: 1.2em;
}
I just changed the 1.2em to 2.0em and it looks much better.
Check out the results at http://shesgotbaggage.net and email me at rebekah<at>shesgotbaggage<dot>net if you have any feedback.
