WordPress.org

Ready to get started?Download WordPress

Forums

How to get sidebar to match default page formatting in Twenty Eleven (2 posts)

  1. creativepassion
    Member
    Posted 1 year 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?

  2. alchymyth
    The Sweeper & Moderator
    Posted 1 year 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.

Topic Closed

This topic has been closed to new replies.

About this Topic