Attachment images cut off

  • Halluke helped me change the content/sidebar widths in Modularity Lite recently (which worked perfectly, thank you!). But now I’ve noticed that my attachment page images are being cut off and I’m not sure why. I’ve looked through the css and can’t figure out how to fix it.

    See here:

    http://denisesdish.com/2010/02/16/distillery-row-tour-portland-or/img_7388/

    I would really appreciate any feedback.

    The blog I need help with is: (visible only to logged in users)

  • Hi Denise,
    I can’t help with this but I can comment so that the thread appears on the fron page of the forum where hopefully Volunteers who help with CSS will respond to you. Best wishes with your editing. :)

  • The last code I gave you broke the width of single pages. I should have checked before but I’m not too familiar with the theme. You should be able to fix it by adding the line below. If this messes with anything else on your site let me know.

    .container .span-24 {width:950px;}

    Timethief: no need to bump topics on the CSS page, on average there are less than ten a day so for people like me who can help they’re pretty easy to find!

  • On a personal note: keep up the good work, your site is really useful. As you might have noticed if you’ve clicked through to my blog, I’m about to start a wordpress-related CSS blog with a collection of tips and tricks in, similar to onecoolsite but much geekier, hurrah!

  • Hello, I was having a problem with my linked photos being cut off on the right side since they are all larger than 950px. I inserted the code that ahlluke provided, but changed the width to my default photo width for my pictures, which is 1024px. Finally the picture was being displayed in the size that I want, but the right side extends out past the dark box that surrounds the postings.

    Does anyone know what CSS code I can insert to ensure that the black box covers my pictures while staying centered on the page? Would this result in a need to change the centering of the header as well?

    Here is my blog: http://cktravelblog.wordpress.com/

    Thank you for any help!

  • You need to set some of the containers larger so that everything fits. Try this:

    #top, .container-inner {width:1024px;}
    body .container {width:1064px;}
  • That did the trick. Thank you halluke!

  • I thought I would be able to figure out how to increase the size of the header as well, but so far I cannot get it to work. Here is what I am trying:

    ‘div#header {
    width:1024px;
    }’

    Is there something I am missing?

    Thanks again.

  • @timethief: thank you for your consideration.

    @panaghiotisadam: I tried the sacred path’s suggestion but it messed up my sidebar so I thought I better go back to hallluke since he helped me in the beginning.

    @hallluke: that seems to have worked! Thanks so much for your continued support…its very much appreciated.

  • If your header is uploaded through the Appearance settings and your theme has a specific or maximum size then you’ll need to replace it with the custom CSS rather than trying to set a larger size. Edit your image so it is 1024 pixels wide and use this code:

    #header-image img {display:none;}
    #header-image {background:url("URL"); height:200px; width:1024px;}
  • Thank you for your help on this.

    I pasted in the code and tried to upload a larger header, but the wordpress dashboard tells me that I have to crop it at 950. Is there a way to tell it to just go to a weblink to find and display the header?

    Sorry for so many questions!

  • That’s right. You can’t do it through the dashboard. You need to add the header just using CSS. Upload a file that is 1024 by 200 pixels and replace URL in the code above with the URL of your uploaded file. When you add that to the CSS it should show instead of the regular (less wide) image.

  • The topic ‘Attachment images cut off’ is closed to new replies.