WordPress.org

Ready to get started?Download WordPress

Forums

global font? (25 posts)

  1. brianbonner
    Member
    Posted 9 years ago #

    Is there a default font that can be edited?

  2. Kafkaesqui

    Posted 9 years ago #

    I'm not sure I understand what you're asking. Do you want to set a font to be displayed as the "default" on your blog, or edit an actual font type? Because the latter brings up at least one point: there are no fonts in WordPress.

  3. brianbonner
    Member
    Posted 9 years ago #

    No matter what I try I cannot change the fonts in the posts.

    This was my last attempt
    //
    .storyContent ul li {
    font-size: 150%;
    list-style-type: disc;
    margin-left: 10px;
    padding-left: 5px;
    color: #222;
    background: #eee;

    }
    //

    No matter what I put in here it does not change a thing. No matter what I put in the index for the font using the <h1>,</h1> It just doesn't change. something is over writing what I want it to do.

    The same thing in my header. even though <h3> says center it justifies left. I am really getting frustrated figuring out how this code is suppossed to work. I have tried everything that makes sense.

  4. Lorelle
    Member
    Posted 9 years ago #

    I don't know what Theme you are using, but check in the style.css for body {} and see if a base font is set there.

    If it is, you can change it there. That is where it is "supposed" to be to set the default font throughout the entire document, since using more than one or two fonts is not very "cool", but still done.

    To override a font in any section, first, make sure that you are in the "right" class or ID. I will often think I am and when I really get down to it, I'm not. Pain in the tuckus but it happens, so I warn.

    Second, make sure that every element of the font, as set by the PARENT class or ID, is overwritten.

    So if the parent sets the font-family, font-size, color and so on, it will control whatever the child has, so if you just change the font-size, it will still be the parent's font-family and color. If you want to change all, change all. But check the parent above, which in your case is HEADER.

    I hope that helps. Part of the fun of playing CSS detective. And if you need more help, post a link to your site and the CSS detectives here might be able to track it down better for you.

  5. brianbonner
    Member
    Posted 9 years ago #

    Iwasn't clear I just want to change the size right now. I like larger fonts for easy reading. The code I posted is from the style.css it is the only thing that had anything to do with storycontent which is what i wish to change the size in. It appears ewvrything uses the same font and size except the header.
    here is the site:
    http://uncooperativeblogger.com

  6. Lorelle
    Member
    Posted 9 years ago #

    I wanted to take a look at your CSS but in order to do that, you have to validate the HTML first. That might be where your problem is. You might have an open tag code. Why don't you do that and then see if that changes things. If not, post again and we'll take another look.

  7. brianbonner
    Member
    Posted 9 years ago #

    what do you mean by validate the html??

  8. Lorelle
    Member
    Posted 9 years ago #

    Check out my site on validating your web page and it will tell you all you need to know and give you the sites to help clean up the code.

  9. jennmiller
    Member
    Posted 9 years ago #

    You can add .storytitle a { font-size: XXpx;} to change the size. I don't know if that's the "proper" way to do it, but it works.

    ...oops, I was thinking you wanted to change the title font

    Perhaps a preemptive strike against your next question? :)

  10. Root
    Member
    Posted 9 years ago #

    There is no need to validate for us. Crikey what next ? Just look in the CSS. In body the font initializes at 62.5 % for IE. Then in body as well it is set at 13px I think. Adjust to taste. Then look for p. That is the font for all paragraphs. I do not understand it anyway because it has two sizes. Enjoy.

  11. Lorelle
    Member
    Posted 9 years ago #

    Yes, there is a need to validate. There are enough problems with code to cause all kinds of problems.

    Brianbonner,

    I understand that your page won't validate, and I understand the frustration of trying to change a theme to make it your own. There are a lot of helpful articles in the Codex, documentation for using the program, at http://codex.wordpress.org/ that should help.

    You need to go through the list of errors that you get and fix them on your site. If it says there is a DIV that is not closed, you have to track it down and fix it. If you don't want to learn how to do all of this, and it is a high learning curve, then I have a better recommendation.

    There are now over 200 Themes available to choose from. Probably a lot higher number than that. These tend to be "fixed" with validation errors and such before distributed. Find one that "matches" what you want to do, as close as possible, and then start from there and go slow and simple.

    At least you won't have to plow through code fixing things.

  12. brianbonner
    Member
    Posted 9 years ago #

    I have a week into this one. I am starting to understand there are problems with the theme. The first fewe validatiors didn't tell me anything. But the doctor did explain what was wrong line by line. Now I get it. I know a bit of html but CCS and php are alian to me. Are there any GUI type editors for this new code? It seems like he did allot of things wrong.

    Like <div class="storycontent"></div>
    This is the way he did it all throughout the theme

    I believe it should be <div> <class="storycontent"></div>

    Is that correct?

    I also didn't know he assigned to all the text in the theme. this is why when I tried to change it using <h5> it didn't work. I may be able to figure it out yet.

    The bad part of all the text using is I have to change all of the text to the same size. Not what I wanted to do. I am going to have to figure out how to re-assign the individual areas their own font size.

    I am planning on getting a book. Any suggestions?

    For reference this was one of the themes from the contest. The only theme I thought would be easy enough to edit to what I want. It might have been easier to learn the code and build on from scratch. I don't know how to do the fancy stuff like java script, boxes and cells.

  13. Joshua Sigar
    Member
    Posted 9 years ago #

    Like <div class="storycontent"></div>
    This is the way he did it all throughout the theme

    Yup, that's a correct way

  14. brianbonner
    Member
    Posted 9 years ago #

    BTW I tried the codex it is not up to date and allot of things I tried was just plain wrong. Like the string for the comment popup.

    Do you know where there is a color chart online? what codes does WP accept? Building things on blogger was allot easier but you could not get at the template. here is my blog
    http://uncooperative.blogspot.com

    they upgraded their servers and there has been nothing but trouble ever since.

  15. brianbonner
    Member
    Posted 9 years ago #

    Well the validator says that is an open DIV so now what?

  16. Joshua Sigar
    Member
    Posted 9 years ago #

    To change the text is of the post content, add the following to your css file.

    h5 p {
    font-size: 20px;
    }

  17. moshu
    Member
    Posted 9 years ago #

    Brian, that h5 in the posts was there in the theme or you put it there? Because the validation says it's not allowed there

  18. brianbonner
    Member
    Posted 9 years ago #

    I did because I didn't know how he was controlling the font size. I took it out. I am trying to find out how to change the size to . I see a p in the style.css, but changing the font px didn't change it.

    this is what is on the css

    p {
    font: 11px/13px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 2px;
    }

  19. brianbonner
    Member
    Posted 9 years ago #

    I just changed that to 20px/20px nothing changed

  20. Joshua Sigar
    Member
    Posted 9 years ago #

    I see that the content text is now larger. If you don't see it, you may need to strong refresh your browser.

  21. moshu
    Member
    Posted 9 years ago #

    Your "global font" is controlled from here:
    body {
    color: #000000;
    background: #efefe7;
    margin: 20px;
    padding: 0px;
    font: 11px verdana, arial, helvetica, sans-serif; <=
    }

    Change that 11px to whatever you want :)

  22. brianbonner
    Member
    Posted 9 years ago #

    I refresh every change. I just closed the browser and opened it again and still no change. Wait! I turned off accelerator and now I can see the changes. arg.

  23. brianbonner
    Member
    Posted 9 years ago #

    I just wanted to say thank you for all the help. I have learned allot in just a short period of time.

  24. Lorelle
    Member
    Posted 9 years ago #

    The Codex is up to date, brianbonner, though there are a few things related to version 1.2, it is totally dedicated to 1.5. Take your time, read through things carefully. It's a lot to learn, but I think you are finally on the right track.

  25. Root
    Member
    Posted 9 years ago #

    As you get into CSS you will start to see the cascading. The style rules flow downwards. It is not necessary for the designer to fix them one by one to everything possible. We try and style as many things as we can in one go, with one rule. For learning what selects what it takes patience study and trial and error. It may seem harder than *shudder* blogger but you are not comparing like with like. WP is infinitely configurable . You are new to the code and tools. No need to over pressure yourself. Sensibly it is going to take a bit of time. Good luck and welcome to WordPress.

Topic Closed

This topic has been closed to new replies.

About this Topic