WordPress.com

1. jamesterencewatkins
   Member
   Jan 21, 2011, 1:04 AM

   hello! iam new to wordpress and css, although I have some experience with simple HTML site building.

   I only want to change one thing on my blog: http://ihavenoexpectations.com .

   Because Iam a photographer I want to be able to put my images on there at 800 pixels wide.

   At the moment when I do it (via html coding) the image spreads out into my menu system.

   I purchased the css upgrade thinking it would be very simple to change, but i am finding it all a bit overwhelming, particularly because I am really happy with the feel of the blog and just want to change one simple thing.

   ANY help with realigning me menu to allow for images 800 pixels wide would be great. Or even information about how to make the whole blog wider, 1000 pixels for example.

   many thanks in advance! i wana get this fixed so i can start posting images!

   james.

   The blog I need help with is ihavenoexpectations.com.

2. hallluke
   Member
   Jan 21, 2011, 1:47 AM

   #access .menu-header, div.menu, #colophon, #branding, #main, #wrapper {width:1060px;}

   The code above will change your blog width to accomodate 800 pixel wide images in your posts however you will need to update your header image if you want it to fill the new size. You may want to take into account that some people still use smaller monitors and screen resolutions which will cause horizonal scroll bars to display.

   Instead you may want to limit your images to the regular width but set them to link to attachment pages or to the image itself which will display full sized. This will also increase page loading time and limit bandwidth which is also good to keep in mind.

3. jamesterencewatkins
   Member
   Jan 21, 2011, 5:43 AM

   hmm, I can't seem to make this work. Doing my head in!!

   i presume that code should be in the css already and i just have to edit it. i cant see to find that exact code.

   thanks for your help.

4. timethief
   Member
   Jan 21, 2011, 6:22 AM

   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
   Jan 21, 2011, 6:23 AM

   At wordpress.COM, you don't "edit" the CSS. You are actually creating new CSS that overrides the existing.

   Make sure the CSS edit window is empty and paste in the code that hallluke gave you, make sure the "add to existing..." is selected and click either preview to see the change (you might have to force refresh the preview page) or click save style sheet and then visit your site.

6. jamesterencewatkins
   Member
   Jan 21, 2011, 10:36 AM

   thank you thank you thank you.

   thank you.

Topic Closed

This topic has been closed to new replies.