WordPress.com

1. msnancyz
   Member
   May 9, 2012, 9:51 PM

   Hello im trying to get my images re-sized to a larger width but this is happening
   see the pictures on my blog the images are cut off..what am i doing wrong im SUPER NEW to CSS and need help
   im trying to get large images like the ones on this blog http://bforbonnie.wordpress.com/ since im a photographer I need to show LARGE photos. Please HELP

   Heres a copy of my stylesheet set up
   .emdash {
   display:none;
   }

   #header hgroup {
   display:none;
   }

   .wrapper {
   position:relative;
   }

   .middle {
   padding-top:200px;
   }

   #header-image {
   margin-top:5px;
   }

   #header {
   padding:0 0 0 160px;
   position:absolute;
   top:170px;
   }

   `#header-image img {
   margin-left:100px;
   }

   .footer p:after {
   content:" Thanks for visiting...copyright2009-2012, NancyZinzun. All rights reserved. Please link back to this site if re-posting.";
   }

   .wrapper {
   overflow:hidden;
   }

   #header .search-form-holder {
   display:none;
   }

   .post-content img {
   max-width:850px!important;
   }

   The blog I need help with is msnancyzblog.com.

2. jessielansdel
   Member
   May 9, 2012, 9:57 PM

   The link below may help you;

   http://en.forums.wordpress.com/forum/css-customization

3. msnancyz
   Member
   May 9, 2012, 9:58 PM

   oh my which one do you think will help, there's so many :(

4. raincoaster
   Member
   May 9, 2012, 10:33 PM

   Start with anything labeled "Beginner" or "Resources." Take your time and learn it before you start tinkering with a live blog. CSS editing isn't a timed event.

5. msnancyz
   Member
   May 9, 2012, 10:37 PM

   Right I totally hear you, but I would just assume that someone would know how to achieve this look. I've looked around and I just can't get it right...I dont think im asking an outrageous out of this world or difficult question, but thanks for your feedback.

6. raincoaster
   Member
   May 9, 2012, 11:01 PM

   Someone probably does, and the CSS upgrade comes with staff support, but there's just not a lot of it, and almost zero CSS volunteer help. That is why we ALWAYS recommend people learn and practice first, and then buy the upgrade once they know they can make use of it. It's like, why would we let you buy a car without making sure you could drive? At WP.com they let you, but then you and a lot of other people get stuck not getting where you want to go.

7. designsimply
   Staff
   May 10, 2012, 3:38 PM

   Welcome! I checked out your CSS and it looks like you're off to a good start. You widened the wrapper area, and now you also need to widen the main column. In the Blogum theme, the main column on the home page is using class="post-content" and that means you can widen it and also reset the max-width for images inside posts using CSS like this:

   .post-content {
       width: 745px;
   }
   .post-content img {
       max-width: 745px;
   }

   Note that some photos may not expand automatically if they were inserted at a small size when you added them. In those cases, you either need to remove and re-insert the images or you can adjust the values in the HTML editor for the images to reflect the size you want. Removing and re-adding them is easier.

   I would also recommend setting the limit width value on the Appearance → Custom Design → CSS page to match your main content width, 745 in the example above.

8. msnancyz
   Member
   May 10, 2012, 5:40 PM

   OMG you are so AWESOME @designsimply thank you a million times! :) Take CAre

9. designsimply
   Staff
   May 10, 2012, 6:38 PM

   Cheers :)

Topic Closed

This topic has been closed to new replies.