• Resolved zeaks

    (@zeaks)


    Is there a class that targets the single page template for Twenty Eleven? I’m having trouble styling it without it changing the template with sidebar.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The body tag should include any relevant classes for each page template… I’d check there first if you haven’t already.

    Thread Starter zeaks

    (@zeaks)

    What I did was create a new layout. It’s a right sidebar but wider sidebar. Looks fine unless I use the single column page template, then the content stays the width it’s set for the main page.

    The new layout uses a class called .wide-sidebar so, I’ve tried .wide-sidebar #page #content, which works but that also changes everything else.

    This is the css I’m using without any changes from twenty elevens original other than adding the new class.

    .wide-sidebar #primary {
    	float: right;
    	margin: 0 0 0 -26.4%;
    	width: 100%;
    }
    .wide-sidebar #content {
    	margin: 0 7.6% 0 34%;
    	width: 58.4%;
    }
    .wide-sidebar #secondary {
    	float: left;
    	margin-left: 7.6%;
    	margin-right: 0;
    	width: 18.8%;
    }

    Thread Starter zeaks

    (@zeaks)

    Still having this issue. I created another layout, basically it’s the default layout but narrow. Looks fine unless I use the default page template, then the content stays the width of the post view page/index/everything else.

    I’ve tried .singular.page #content and a hundred other classes I found with firebug, but can’t figure it out.

    Thread Starter zeaks

    (@zeaks)

    Figured this out .mynew-class.singular #content

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twenty Eleven single page class’ is closed to new replies.