Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Image width

  1. janinecollettephotography
    Member

    My images are being compressed on my blog, meaning they are not wide enough, enough though I increased the width in under the simple option on the right hand side part of CSS. I upgraded so I would be able to fully be able to see my images displayed at the right size. Can you please help me correct this? Thanks!

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

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

  2. timethief
    Member

    Please do not create duplicate threads. Go to the top right hand corner of any forum page and look for Welcome janinecollettephotography
    Click that link to locate all threads your posted into here. I answered you 16 minutes ago here http://en.forums.wordpress.com/topic/blog-width-2?replies=2#post-1107110

    It's Staff who do provide support for CSS editing and it's Staff that move will move thread to the CSS forum.

  3. janinecollettephotography
    Member

    I realized I typed my message above too quickly. What I was trying to say, is this..

    My images are being compressed on my blog, meaning they are not wide enough, even though I increased the width under the simple option on the right hand side part of CSS. I upgraded so I would be able to see my images displayed at the right size. Is it the column or the Theme that is the issue? I'm using the Pretty Young Thing template.

    Can you please help me correct this? Thanks!

  4. designsimply
    Staff

    I checked http://janinecollettephotography.wordpress.com/ and the horizontal images look full width to me. Note that if you update the content area width using CSS, you should also update the "Content Width" setting on the right side of the Appearance → Custom Design → CSS page. I checked on your site, and it looks like you have already figured it out because it's currently set to 1200 to match your CSS edit.

  5. janinecollettephotography
    Member

    Thanks for your response! I did change both and the images are still being compressed. If you drag a photo onto your desktop, you'll see that the files are much wider then what is being displayed on the site. Is in the side columns that are compressing the images??

  6. designsimply
    Staff

    I just realized your theme is not actually 1200 pixels wide, and it looks like you tried to add some CSS to change the width but it isn't working. You're going to need to do a bit more work to customize the width of the Pretty Young Thing theme. Try replacing the CSS you have now with the following as a start and check to see if that helps the issue with the photo width you first posted about:

    #wrap,
#header,
#nav,
#footer,
#footer-content,
.footer-widgets {
	width: 1200px;
}

#inner,
.full-width-content #content-sidebar-wrap,
.full-width-content #content,
.footer-widgets .wrap {
	width: 1160px;
}

#nav {
	text-align: center;
}

#nav .wrap {
	display: inline-block;
}

#header {
	background: url('http://janinecollettephotography.files.wordpress.com/2011/03/cropped-untitled-12.jpg') center repeat-x !important;
}

.footer-widgets-1, .footer-widgets-3, .footer-widgets-2 {
	width: 32%;
}

  7. janinecollettephotography
    Member

    It worked!!!! Thank you SO much!! :)

  8. designsimply
    Staff

    Awesome!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags