Need help? Check out our Support site, then


Twenty Eleven Customized - Static Page with sidebar and gallery widget

  1. Hi
    1) I use Twenty Eleven customized and I currently have a static front page, with my blog posts appearing below it (with a left sidebar).

    What I really want is a static page with a right sidebar. Is this possible?

    2) I've just added a gallery widget to my blog page, but the images show up tiny. Can I add something to CSS to increase the size to match my other sidebar images?

    Many thanks!

    The blog I need help with is isabelashdown.com.

  2. The left sidebar on the showcase page can be moved to the right with the following CSS:

    .page-template-showcase-php #main .widget-area {
        float: right;
        margin: 0;
    }
    
    .page-template-showcase-php section.recent-posts {
        float: left;
        margin: 0;
    }

    For standard pages, categories, tags and archives pages, you can choose whether to have a sidebar on the left or right, or no sidebar at Appearance > Theme Options. On static pages, you can choose to have a sidebar or not in the attributes module in the page editor.

  3. 2. Yes you can increase the size of the images in the gallery slideshow widget with the following CSS.

    .widget-gallery, .widget-gallery-slideshow, .slideshow-window, .slideshow-slide {
        height: 225px;
    }
    
    #widget-gallery-2-slideshow .slideshow-slide img {
        max-height: 225px;
        min-height: 225px;
    }
  4. Hi thesacredpath - thank you for this, all very clear.

    One query: I used your instructions but made the gallery height 300px as I wanted it to match up with the other widgets and on the 'News' blog page, it works just fine. Thank you!

    However, when I change my static front page to a sidebar template, the same gallery widget appears with a black box behind it and the image looks stretched (I've reverted to showcase template for now as it looks odd).

    Any solutions? Many thanks.

  5. @isabelashdown, temporarily add this, which fixes the front page issue for now. Things don't work smoothly when the browser windows narrows, and I'll be working on CSS and breakpoints for those so that things scale properly.

    #widget-gallery-2-slideshow {
        max-height: 300px;
        min-height: 300px;
    }
    
    .widget-gallery, .widget-gallery-slideshow, .slideshow-window, .slideshow-slide {
        max-height: 350px;
        min-height: 350px;
    }
  6. Many thanks, I'll try that, and if it still doesn't look quite right, I'll leave the gallery slideshow off for the time being. Really appreciate your reply :)

Topic Closed

This topic has been closed to new replies.

About this Topic