WordPress.com

1. reefchic
   Member
   Jun 21, 2012, 12:05 AM

   Hey, all! I haven't really ever worked with style sheets, but know enough HTML so they don't look completely forum. What I want to do should be pretty simple, I am just not sure where to look in the style sheet to do this.

   I would like to make my whole page larger, it looks like it is set at 760px and I don't like all the wasted space on the sides.

   I would like to make my fonts larger, they are SO tiny, everywhere.

   And last but not least I would like to figure out how to change that orange color that seems to be used for the headers.

   I can post the style sheet if someone can help me!!

   Thank you SO much in advance!!

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

2. thesacredpath
   Member
   Jun 21, 2012, 12:17 AM

   First thing I notice is that you have pasted the entire stylesheet into the edit window. That can cause issues here at wordpress.com. What you want to do is add only the specific selectors, and the specific declarations you are adding or changing and keep the "add to existing..." radio button selected. That will keep things from getting messed up. Whatever you put into the CSS edit window will then override the existing stuff in the original stylesheet.

   For the general font size, it is in the body selector, so add this to the CSS edit window and adjust the 62.5% value and all text will get larger.

   body {
   font-size: 62.5%;
   }

   If you only want to make selected text larger, let us know what text and we can create more specific selectors to target only that text.

   How much wider do you want to make things? The reason I ask is that with Chaotic Soul, there are a lot of things that have to be adjusted. It is an older theme and doesn't use some of the newer CSS techniques that simplify things considerably.

3. reefchic
   Member
   Jun 21, 2012, 12:27 AM

   Thank you for your fast response!

   Okay, so first step, do I need to delete the style sheet I pasted in there?

   I would like to enlarge the text size of the whole page, but I don't want to all be the same size, obviously headers, links, titles, should be larger.

   I would like to expand the page maybe to 960 px? 1000px?

4. reefchic
   Member
   Jun 21, 2012, 1:07 AM

   Oh, I did just figure out how to change the font with the font upgrade I bought. So I guess what I am left with is that orange color and then hopefully making the page wider.

5. reefchic
   Member
   Jun 21, 2012, 1:16 AM

   Well, I guess I have figured out some of it but the sidebar text is still SO small as are the links under the banner. Grrr!

6. thesacredpath
   Member
   Jun 21, 2012, 6:44 AM

   There is a slight change that is needed since you are now using custom fonts so use this. Adjust the % value.

   body {
   font-size: 80% !important;
   }

   And yes, delete all the stuff you pasted into the edit window.

7. thesacredpath
   Member
   Jun 21, 2012, 6:51 AM

   If you want to increase the widget titles, add this and adjust the font size here:

   #sidebar h3 {
   font-size 13px !important;
   }

8. designsimply
   Happiness Engineer
   Jun 22, 2012, 1:58 AM

   I checked http://writerjennifer.wordpress.com/ and I see it's using the Piano Black theme now. If you still need help with Chaotic Soul, please reply back here with a link to the blog you're working on. If you need help with Piano Black, please start a new thread.

Topic Closed

This topic has been closed to new replies.