Need help? Check out our Support site, then


Need to change size and color of the font of the body of my pages.

  1. I purchased the Custom Design program because I want to change the size and the color of the font for the main body of my blog. So far I have not been able to do that. There are many options for the different fonts and different colors of the other areas of the theme, but, I cannot find any way to change the text of the body of the blog and pages. I am looking into the CSS information to see if I can find out how to achieve what I want to do.

    I love the Sunspot Theme and how I have arranged my header photo and the colors. I am frustrated because the text of my "About" page, and other pages, is placed at the top of the Theme page, into my header photo and the text competes with the photo---making it difficult to read the text. If I could enlarge the font, and change the color of the font to white or black, it would be easier to read the text. Or, if I could have the text start in background area below the photo, that would solve the problem of competition of the text with the header photo.

    The blog I need help with is ishidee.wordpress.com.

  2. Hi, There are a few options. You can move the main content down by adding a margin to the top and letting your background image scroll. Like this:

    #main {
    margin-top: 230px;
    }
    
    body.custom-background {
    background-attachment: scroll;
    }

    Or if you want to change the text color use this. And update the color code to what you want. Body is for you main body text and .entry-title is for the page title.

    body {
    color: #B29D85;
    }
    
    .entry-title, .entry-title a {
    color: #CCDEDD;
    }

    To modify the text size use this.

    .entry-content p {
    font-size: 24px;
    }
    .entry-title {
    font-size: 2.4rem;
    }

    To modify just the color and size of the text in the content try this.

    .entry-content p {
    color: #ccccff;
    font-size: 24px;
    }

    Hope that helps I know there are some variations so if you have more questions let me know.

  3. Hi mrdirby, Thank you, so much, for replying to me! I appreciate the time that you have taken to help me. I have had some other responsibilities to attend to and have not had a chance to pursue your suggestions, yet. I will get to them as soon as I can. I, appreciate, your willingness to offer further assistance, if I need it. You are very kind! ishidee

  4. Hi, again, mrdirby, I have a question. I went to put the codes, that you gave me, into the white box (that slides out after I have clicked on CSS, in the blue box that opens up when I click on the "Customize Your Blog" box). Now, the white box has numbers running vertically along the left side of the box in a gray tone area. Across from those number it is written:
    /*
    Welcome to Custom CSS!

    CSS (Cascading Style Sheets) is a kind of code that tells the browser how
    to render a web page. You may delete these comments and get started with
    your customizations.

    By default, your stylesheet will be loaded after the theme stylesheets,
    which means that your rules can take precedence and override the theme CSS
    rules. Just write here what you want to change, you don't need to copy all
    your theme's stylesheet content.

    If you need any further help, ask in the CSS Customization forum.
    */
    ---------------------------
    Now, when I have deleted all of this and pasted in one of your code options, what do I do, next, to activate the code?

    Thanks,
    ishidee

  5. Just save the code and it will automatically be applied.

    In a nutshell, here is what is happening. That CSS Custom form is a custom stylesheet for your blog. It gets applied over the regular stylesheet (that you don't have access to on WordPress.com).

    When I edit CSS I usually keep two windows open. One to the CSS editor and one to the webpage. So as I save my CSS I can easily switch to the page and refresh to see my changes.

  6. Hi mrdirby, Thanks, again, for your help and the other tips! I have another question that you may be able to help me with. In my "About Me" blog, I have not been able to create paragraphs to create rests in the blog, all the sentences are running together and it is one big non-stopping ramble. Can you tell me how to be able to create paragraphs? I have tried increasing the spaces between the areas that I want to be paragraphs (when I am writing the blog) but, when it is published to the blog, itself, the spaces are not there.
    Thank you for your patience.
    Delores

  7. Did you add the div tags around each paragraph? Or did you copy and paste the text in from word or something?

    Try copying all your text and then pasting it back in through the "Paste As Plain Text" option in your editor toolbar. That will remove all formatting and should resolve the issue.

  8. Hi mrdirby, Thank you for telling me about the div tags. I worked on this and got the separation for the paragraphs that I want. You have been a Godsend! I think that I am on my way! I am so appreciative of all of your help! My best to you, Delores

  9. No problem, happy to help.

  10. Hi mrdirby, You have been so kind and helpful! I don't like to impose on you, again; but, I have one more question to ask. Is it possible to create more space between each of the posts, in the "Recent Posts" section? (So it looks like there are separate posts). One more space between each post would give it some definition.
    Thanks, Delores

  11. Is it possible to create more space between each of the posts, in the "Recent Posts" section?

    Got ya covered, answered at http://en.forums.wordpress.com/topic/how-can-i-change-the-color-and-the-size-of-the-font-in-the-body-of-about?replies=4#post-1440115

Topic Closed

This topic has been closed to new replies.

About this Topic