How to get sidebar to match default page formatting in Twenty Eleven

  • creativepassion

    (@creativepassion)


    11 years, 8 months ago

    I’ve setup a child style.css which is working ok so far.

    I have one page which uses sidebar rather than the default page style.

    For some reason the h1 is formatted differently (font, colour and top alignment) on this page which uses sidebar, and I would like it to be the same as the other pages.

    Can someone please suggest what I need to change on the child style.css please?

Viewing 1 replies (of 1 total)
  • Michael

    (@alchymyth)

    11 years, 8 months ago

    the h1 as you want it, is styled by .singular .entry-title:

    .singular .entry-title {
	color: #000;
	font-size: 36px;
	font-weight: bold;
	line-height: 48px;
}

    obviously the page with sidebar is missing the .singular body class;

    copy the style of .singular .entry-title and create the same for .page-template-sidebar-page-php .entry-title in style.css of the child theme:

    .page-template-sidebar-page-php .entry-title {
	color: #52587b;
	font-size: 36px;
	font-weight: bold;
	line-height: 48px;
}

    a tool such as Firefox’ web developer add-on (or any similar browser inspection tool) is very useful in dealing with these kind of fundamental formatting problems.

Viewing 1 replies (of 1 total)
  • The topic ‘How to get sidebar to match default page formatting in Twenty Eleven’ is closed to new replies.