Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #307

    I use to embed Flickr images in a width of 640px. But the width of blog posts is not wide enough. Is there an easy way to change the column with of the plog posts and eventually of the blog post sidebar?

    I guess I’ll have to change style.css or style1.css. Could you give me a hint where I should intercept?

    Regards, Frank

    #30770

    The easiest way to correct the image size issue is to set the maximum image width to 100%. Open up /css/style1.css and at the very end add this CSS:

    .content img { max-width: 100%; }

    Images larger than 545px wide with will be proportionally resized to fit the 545px width.

    If, however you’d prefer to change the width of the main content area this CSS should be added instead:

    .content { padding: 0 45px 0 0; width: 685px; } /* 640px wide + 45px right padding = 685px */
    .sidebar { padding: 20px 0 40px 25px; width: 230px; } /* Was 280px width, must remove 50px to keep content inline*/

    Let me know if you get stuck or need any help!

    #30771

    James,

    thanks a lot! I will try next weekend again to switch to Avisio.

    Frank

    #30772

    First solution worked:

    .content img { max-width: 100%; }

    But changing the width for .content and .sidebar didn’t work cause the sidebar was shiftet after the end of the blog post. I guess the sidebar elements have a (minium) so the sidebar gets wrapped down. Do you see another possible solution?

    #30773

    Hey!

    What’s the URL?

    Which sidebar elements are not displaying correctly?

    Best regards,

    James

    #30774

    The complete .sidebar was positioned below the .content element. I guess because there are some other elements within the sidebar that require a minimum width. I changed style1.css including the search form width:

    Code:
    /* Breite ändern für größere Bilder und schmalere Sidebar */
    /* 640px wide + 45px right padding = 685px */
    /*.content { padding: 0 45px 0 0; width: 685px; } */
    .content { padding: 0 10px 0 0; width: 620px; }

    /* Was 280px width, must remove 50px to keep content inline*/
    /*.sidebar { padding: 20px 0 40px 25px; width: 230px; } */
    .sidebar { padding: 10px 0 10px 15px; width: 260px; }

    .content img { max-width: 100%; }

    /* Suchformular */
    .sidebar #s{
    width:160px;

    I may optimize the layout in the next days but it works fine for me now, thanks!`

    #30775

    Hi!

    Awesome, let me know if you have any other question.

    Best regards,

    James

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Changing blog post column width?’ is closed to new replies.