Support » Themes and Templates » CSS Driving me Batty :(

  • I have been racking my brain on the wp-layout.css file and the index.php file to attempt to change the font family of The Loop’s ‘storycontent’ to be more readable and have not been able to find the magic key. I’ve changes lots of other thing but for some reason this eludes me, being a noobie and all. 🙁
    I’m sure it’s something dirt simple that I have overlooked…

Viewing 9 replies - 1 through 9 (of 9 total)
  • .storycontent { font: fontname; } or .storycontent { font-family: fontfamily; } ? With !important to overule other settings ?

    Darn, that didn’t work.
    Was hoping adding the !important declaration would do the trick, but no dice. This is what I currently have with the !important added:
    .storycontent {
    font-family: Times, sans-serif, serif;
    font: Times, sans-serif, serif;
    I even tried both at the same time as above but same result. Also tried changes in the .body but no dice there either. Somewhere I am missing how this is nested, I guess.
    BTW, talk about fast response. The first post had been read 4 times and my finger was barely off the Post button. Whew!

    Thanks midori and podz. I never use the ‘p’ correctly by rarely closing it, so tend to forget. That made all the difference, and I left it right below the two .storytitles so as to keep them grouped together.
    I love this forum…

    Here is the end result. I spaced the letters a bit also to make it a bit more readable:
    .storycontent p {
    font-family: Times, sans-serif, serif;
    font: Times, sans-serif, serif;
    font-size: 12pt;
    letter-spacing: 0.001em;
    Don’t think both lines for the font are necessary, but I just left them there as they aren’t hurting anything.

    Mark (podz)


    Support Maven

    Just a thought- if you ever use a list in a post, it probably will not be displayed the same, and you might want to do a test post with them, and blockquote while you are playing with the css.

    Good Idea! Actually, I haven’t used many of the markup code during posts. Will give me something to do 🙂 I’m having a ball with this, and enjoying the challenge. Thanks!

    the wise internet gurus say that you should have for fonts a few types (e.g. {Times, Georgia, “New Times Roman”}) in the order you would like them to be chosen, in case the first doesn’t exist on the visitor’s machine; then a more generic family, like “serif” for this group.
    So, on the other hand, if you have a list of font types like {verdana, helvetica, arial} you would add as the generic type for them “sans-serif”.
    What I mean: the Times, sans-serif, serif; doesn’t really make sense for me – you either want serif fonts or sans-serif.

    Alternatively, you can put the class attribute directly in the tag:
    <p class=”storycontent”>
    This way you can assign the class to any text element. The extra ‘p’ in the CSS reference would only apply to paragraph elements within the enclosing storycontent element

    Just on the fonts; once you are fixed on serif or sans serif the gurus also try and offer one font for each OS in turn which is similar and likely to be available on Macs / Windows / Linux.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘CSS Driving me Batty :(’ is closed to new replies.