Expanding Linen Layout

  • I am currently a premium user of the Linen theme. I want to expand the layout on the right and left side to cover more of the page. Is there a way to do this?

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

  • Hi there, given that Linen is a fixed width theme, good news! We can do this. Add the following CSS, which increase the overall width of your site from 960px to 1160px. Add the below your existing custom CSS.

    #wrapper {
        width: 1160px;
    }
    .container, .slides_container {
        transform: scale(1.11);
    }
    .slides_container {
        right: -90px;
    }
    #content {
        width: 820px;
    }
    #footer {
        width: 1100px;
    }

    Also, in the Media Width field below the CSS edit area, enter 820 so that any images or videos you insert into posts or pages will use the new wider content area width.

  • Awesome! The only issue I am having is that the slider tabs are in the middle of the page instead of on the sides of the layout. The left one is in the background and the right one is in the middle of the content.

  • Ah, we can correct that with the addition of this.

    #slides a.prev {
    	left: 0;
    }
    #slides a.next {
    	left: 1060px;
    }

    Sorry for missing that.

  • The topic ‘Expanding Linen Layout’ is closed to new replies.