Change heading size only on Default Pages – Twenty Eleven

  • https://thematadormusic.com/home/?page_id=71

    On this page, for example, you can see that the font is large and ugly, and there is quite a margin from the top.

    This page is built on the “Default” page template (i think that’s what you call it).

    All the pages with the Sidebar look fine, it’s just the ones with the default template.

    Can anyone point me to the css rule that i need to change?

    OR BETTER STILL
    Can anyone tell me a rule that will NOT display page headings when the template is the Default template.

    Thanks in advance.

    ??

Viewing 7 replies - 1 through 7 (of 7 total)

  • Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues.

    Create a child theme for your customisations. Once your child theme is active, we should be able to help with the customisation.

    Thread Starter deathmoth

    (@deathmoth)

    i am working on a child theme.

    anyone else?

    take a look at your body classes to see how to target it.

    <body class="page page-id-71 page-child parent-pageid-69 page-template-default single-author singular two-column right-sidebar">

    is the output on that page, so in your child theme, we can target… say… the pages title

    .page .entry-title {

    will get all pages

    .page-template-default .entry-title {

    does all pages with teh default template

    .page-id-71 .entry-title {

    would target only that particular page

    Then you could just give it a display: none or whatev you like

    Thread Starter deathmoth

    (@deathmoth)

    thanks for your advice. i’m a bit of a n00b but i’ll try to nut it out from what you’ve said. thanks.

    Thread Starter deathmoth

    (@deathmoth)

    sorry but i can’t seem to work that one out, what you’re saying kind of makes sense to me, but being a n00b isn’t helping.

    can anyone be more specific? perhaps someone who knows the twenty eleven css well? ??

    Thread Starter deathmoth

    (@deathmoth)

    i’ve been working on this and i’ve found these in my child theme:

    /* Change font size of blog post title */
.entry-title,
.entry-title a {
    font-size: 14px;
}

    and 

    /* Center Align Page titles */
.entry-title {
	clear: both;
	text-align: center;
}

    The font size one seems to change the size of blog post titles and titles of pages with the Sidebar template. The center align one seems to be center aligning all page titles. and when i use

    .entry-title { display: none; }

    all blog post and page titles, regardless of template, disappear.

    why does the .entry-title tag seem to only work sometimes for different templates

    Thread Starter deathmoth

    (@deathmoth)

    is there a condition i can change here?

    <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
	<header class="entry-header">

<?php if ( is_front_page() ) { ?>
<h2 class="entry-title"></h2>
<?php } else { ?>
<h1 class="entry-title"><?php the_title(); ?></h1>
<?php } ?>

	</header><!-- .entry-header -->

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change heading size only on Default Pages – Twenty Eleven’ is closed to new replies.