WordPress.org

Support

Support » Themes and Templates » Twenty Eleven, own logo and headline size

Twenty Eleven, own logo and headline size

  • 1. How can i add my own logo instead of the blog name in the header?
    2. The headline of the articles is in the single post page bigger than in the blog page. How can i change this?

Viewing 15 replies - 1 through 15 (of 40 total)
  • Ditto… I would also like to know if this is possible without hacking into the CSS

    Ok headline size, i have found:

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

    But for logo i have no idea.

    i’m wanting to do the same thing, i worked on mine last night some and that is one of the features on my bucket list. Still trying to get rid of the continue reading thing first though

    Ok.. I edited
    #branding {
    border-top: 2px solid #bbb;
    padding-bottom: 10px;
    position: relative;
    z-index: 2;
    background: #eee url(http://www.magnumfinancial.co.uk/wp-content/uploads/2011/07/top-header-2.gif) no-repeat;
    }

    Just added a background image here… but I can’t edit the height of the block area… so maybe some kindf person can help with that.

    See here: http://www.magnumfinancial.co.uk

    there is no height to that area per se….. it’s the cumulative height of the title text, plus padding, etc

    Ah.. OK.. where should I add the padding? Soz for being a bit of a noob on this.

    So a bit of advice is that the name of your site is kind of important for SEO, the description not so much….

    But rather than just not entering them you can move the text off screen as I do on VoodooPress

    by applying text-indent: -999em to #site-title and #site-description you can keep them in the code for search engines, but off screen for style

    I’m not sure if this will work but adding padding to

    #site-title {
    	margin-right: 270px;
    	padding: 3.65625em 0 0;
    }

    might help. The 1st digit is the top padding, the last is the bottom padding. The middle is left and right. So maybe adding some top/bottom padding may help

    Thanks. Will give it a try.

    Just tested it in my dev environment….. adding to the top padding on title caused that upper box to grow

    #site-title {
    	margin-right: 270px;
    	padding: 10em 0 0;
    	text-indent: -999em;
    }
    #site-description {
    	text-indent: -999em;
    }

    is the entirety of the css I have on my test site…. cdn.rvoodoo.com if you’d like to see it

    Kerching!!!

    Thanks Rev….

    Now if you could just sort out the problems I’ve been having with IE9 on these pages… with text disappearing behind the header 😉

    try adding some top padding or margin to primary

    ok I have the same issue, I’ve taken a look at the above mssgs but I can’t find an easy answer.. what code has to be modified exactly to make this work? 🙂 thanks in advance guys (and girls)! 😀

    Michael

    @alchymyth

    Forum Moderator

    @rainb0w
    it might be better is you start your own topic – posting a link to your site; make sure you have made a child theme and have it activated; give the dimensions of and possibly a link to your logo image; state if you need to have the logo linked to the site; etc.

    @alchymyth

    I have exactly the same issue, I can copy the question that the first poster had and paste it in a new topic and wait couple of days for answers. However.. the answer is in this topic but spread over multiple posts and not rlly clear if you ask me..

    Michael

    @alchymyth

    Forum Moderator

    ok,

    1. How can i add my own logo instead of the blog name in the header?

    create a child theme, copy header.php into the child theme and edit it:
    change this section:

    <hgroup>
    				<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>

    to something lke this:
    <hgroup><img id="site-logo-image" src="http://yoursite/wp-content/uploads/2011/07/logo.jpg" alt="" />

    2. The headline of the articles is in the single post page bigger than in the blog page. How can i change this?

    this is set in style.css:

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

    add something like this to style.css of your child theme:

    .singular .entry-title {
    	font-size: 26px;
    }

Viewing 15 replies - 1 through 15 (of 40 total)
  • The topic ‘Twenty Eleven, own logo and headline size’ is closed to new replies.
Skip to toolbar