WordPress.com

1. 32spokesmtb
   Member
   Aug 11, 2011, 11:31 PM

   Hi there, I am using the Chateau them, And I feel comfortable with it, except that I am using the black background, and the text looks gray, which offer to little contrast for the text, basically I like it the way it is, but I only want to change the text color to white so its easier to read over the black background. I try playing with appearance options, but found nothing.

   I found I can change the text using the tag <span style></span> but I dont want to use this tag for each paragraph, basically I want to be able to change the text color to whichever I want without messing with the CSS of the them (I have no idea of CSS). Is this possible. I bought the appearance upgrade and I still dont get it!

   help please?

   The blog I need help with is 32spokesmtb.wordpress.com.

2. 32spokesmtb
   Member
   Aug 11, 2011, 11:33 PM

   *sorry for the misspelling , wrote it to fast.

3. timethief
   Member
   Aug 11, 2011, 11:37 PM

   These are 3 ways to change fonts on wordpress.com blogs.

   (1) Changing font families, colors and size in text in posts or pages either post by post or page by page by coding into the HTML editor. http://en.support.wordpress.com/editors/font-size-color/

   (2) Changing font colors in text in posts or pages either post by post or page by page using the #4 icon (Select text color – change the text color) in Row 2 the Visual editor. http://en.support.wordpress.com/visual-editor/#row-2

   (3) Changing all font families, colors and sizes throughout the whole blog by purchasing an annually renewable Custom Design upgrade and using Typekit Fonts with Staff support. http://en.support.wordpress.com/custom-design/
   Note: Any font changes to font families, colors and size in the blog title, tagline, post titles, page titles, categories and tags, etc. cannot be done without CSS editing.

4. timethief
   Member
   Aug 11, 2011, 11:39 PM

   I have flagged this thread so it gets moved to the CSS Forum for you. This upgrade comes with Staff support. When you alter a theme’s stylesheet, you only need to put in the Editor the modification/additions to the CSS, not the entire thing. Read this for more info: http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

5. thesacredpath
   Member
   Aug 12, 2011, 12:00 AM

   You can wrap all the text in a page or post in a div and then use inline CSS to change the color for all of the text at once and not have to use spans and such.

   After writing your post, switch to the HTML tab in the editor, make a blank line at the top and put this in and edit the color code to your desired color.

   <div style="color:#FFFFFF;">

   Then go to the bottom of the post or page and put this after all the text.

   </div>

   Do note that if you later change to a light colored theme you will have to edit each and every post and page to delete those opening and closing div tags, so this solution is not without drawbacks, and potentially time consuming.

   It would be best to make a change like this through the CSS because it can be undone in the blink of an eye.

6. thesacredpath
   Member
   Aug 12, 2011, 12:05 AM

   Put this into the CSS edit window and use the preview button to see how it looks.

   .post-info, .post-extras, .post-extras p a, .post-entry, .post-entry p, .post-entry li, .post-entry h4, .post-entry h5, .post-entry h6, .wp-caption .wp-caption-text, .gallery-caption, .wp-caption .wp-caption-text:before, .post-entry cite, .more-posts .page-title, .more-posts .notice, #more-posts-inner article, .comment-author, .comment-text p, #comments li.pingback .comment-text .edit-comment a, #calendar_wrap table td, #error404 span {
       color: #EEEEEE;
   }

   The color I inserted above is just off of white slightly. Full white on a black background is actually a touch too much contrast. If you want to see it with full white, use #FFFFFF instead of #EEEEEE.

7. 32spokesmtb
   Member
   Aug 23, 2011, 5:24 AM

   Hi there, thanks for your replies I actually forgot to give you the link to my blog, sorry about that: http//32spokesmtb.wordpress.com. I´ve been playing a bit tonight with the css, thanks for your tips everyone!

   @timethief, thanks I have already bought the upgrade.

   @thesacredpath, one question (i am new to css) the last code you posted, if I paste it in the css, will it change the text of all the posts, i mean will it be the default?

   It is indeed annoying using spans for every paragraph doing it one by one manually and it makes everything quite unreadable in the html view.

8. 32spokesmtb
   Member
   Aug 23, 2011, 5:26 AM

   is there some sort of forum or thread about usability and aesthetics, I mean where I could post the address to my blog and get feedback?

   I am still struggling to find the right colors, I want indeed to use the black background (for ergonomic reasons) with some sort of light gray font, it is easier in the eye, blue and white would be better but it looks horrible on the blog.

9. raincoaster
   Member
   Aug 23, 2011, 5:35 AM

   Try the Off Topic forum; there are lots of calls for feedback there. It's good to give feedback first, before you ask for it.

10. thesacredpath
    Member
    Aug 23, 2011, 5:39 AM

    You know it has been so long since I did that, and the stack of selectors is so long that I'm not sure what all will change. All of the text that is now the darker grey will change although I see the text in text widgets remained the darker color, so I would suggest this as well and adjust the color.

    .sidebar-widget p, #calendar_wrap table th {
    color: #333333;
    }

    I also notice the footer widget colors are still the dark grey. This theme is way over the top on text color declarations. This is going to turn out to be a scavenger hunt it looks like.

Topic Closed

This topic has been closed to new replies.