WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Changing size of page headline (11 posts)

  1. dahliagraphics.dk
    Member
    Posted 3 years ago #

    Hi

    I am new to wordpress and am using the theme Twenty Eleven 1.2. Is there any way to make the size of the heading smaller? (or better yet, make it disappear?) I don't want the headline on my site, I only want it in my menu, if you get the idea.

    http://www.dahliagraphics.dk/ E.g. I don't want "Velkommen" to be visible, and if I have to, I don't want it that big.

  2. alchymyth
    Forum Moderator
    Posted 3 years ago #

    before proceeding, it is really recommended to create a child theme http://codex.wordpress.org/Child_Themes

    the page title is defined in style.css of twenty eleven:

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

    to make the page titles disappear, add in the style.css of your child theme:

    .page.singular .entry-title { display: none; }

  3. dahliagraphics.dk
    Member
    Posted 3 years ago #

    I have read your link.

    I created a folder under wp-content > themes, and called it "child".

    I made a file in this looking like:

    /*
    Theme Name: Twenty Eleven Child
    Theme URI: http://wordpress.org/extend/themes/twentyeleven
    Description: Child Theme for Basic2Col
    Author: Dahlia
    Author URI: http://wordpress.org/
    Template: Twenty Eleven Child
    Version: 1.2
    */

    @import url("../twentyeleven/style.css");

    followed by the original stylesheet code from twentyeleven, which I called style.css

    When I go into Appearance > themes, it says under Broken Themes: "The parent theme is missing. Please install the "Twenty Eleven Child" parent theme."

    So ... I need to put something more in my "child" folder I suppose?

  4. ronbme
    Member
    Posted 3 years ago #

    You have the template name wrong.

    It should be Template: twentyeleven

    When you enter the template name, you need to put in the name as it is in the file directory.

    The template is the name of the main theme of which you are making a child theme, which is Twenty Eleven.

  5. dahliagraphics.dk
    Member
    Posted 3 years ago #

    I didn't have the chance to quote your answer before you changed it :D But yeah, twentyeleven works :) Thanks.

  6. ronbme
    Member
    Posted 3 years ago #

    You're welcome! :)

  7. dahliagraphics.dk
    Member
    Posted 3 years ago #

    However - my main problem is still a problem. I am not so strong in html, and what alchymyth is saying makes sense - though I can't find .entry.title anywhere, and if I paste .page.singular .entry-title { display: none; } somewhere, it doesn't work. My code looks like this:

    /* Singular */

    .singular #primary {

    margin: 0;

    }

    .singular #content,

    .left-sidebar.singular #content {

    margin: 0 7.6%;

    position: relative;

    width: auto;

    }

    .singular .entry-header

    .singular .entry-content,

    .singular footer.entry-meta,

    .singular #comments-title {

    margin: 0 auto;

    width: 68.9%;

    }

  8. dahliagraphics.dk
    Member
    Posted 3 years ago #

    I was thinking if I should remove some code from the header.php file instead?

    [code moderated per forum rules - please use the pastebin]

  9. alchymyth
    Forum Moderator
    Posted 3 years ago #

    you should be able to find this nearly halfway down in style.css, a few lines after:

    /* Singular content styles for Posts and Pages */
    .singular .entry-title {
    	color: #000;
    	font-size: 36px;
    	font-weight: bold;
    	line-height: 48px;
    }

    adding display: none; should work
    - if not, try and clear the browser cache by pressing 'CTRL F5'

  10. alchymyth
    Forum Moderator
    Posted 3 years ago #

    if you rather edit one of the templates, you'll find the entry-title code for pages in content-page.php:

    <header class="entry-header">
    		<h1 class="entry-title"><?php the_title(); ?></h1>
    	</header><!-- .entry-header -->
  11. dahliagraphics.dk
    Member
    Posted 3 years ago #

    Thank you! Problem solved.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.