Support » Fixing WordPress » WP 3 and TwentyTen

  • Not a newbie to WP, but have a few questions on the latest version:
    * How can I get my copyright info right justified on the same level as the site name and WordPress stuff?
    * How can I lower the picture and the menu on top to close the big white space before the blog starts?
    * How can I add a logo, with NO border, that is clickable for my site? If at all possible I’d like the title info underneath or the same color as the background for SEO purposes.

    I’m using the TwentyTen theme.

    My site is: http://www.athomemom.net

    Thanks in advance for any help you can give!!

Viewing 7 replies - 1 through 7 (of 7 total)
  • You can remove some of the white space at the top by editing the style.css file that’s part of the twenty ten theme. Notice I said twenty ten… Here’s where you want to make changes:

    /* =Content
    ————————————————————– */

    #main {
    overflow: hidden;
    padding: 40px 0 0 0;
    }

    Simply set that 40px to 0.

    first question: you cant’t –
    as long the info is in the footer widget.

    but it could work, if you edit footer.php, and put the copyright info into there; for instance:
    find this:

    </a>
    			</div><!-- #site-generator -->

    add your text after the </a> so it looks like:

    </a>
    <span style="width:320px;float:right;text-align:right;">© 2003 - 2010 MKB Enterprises   All Rights Reserved</span>
    			</div><!-- #site-generator -->

    third question:
    edit header.php, and for instance, squeeze the code for a linked logo image into here:

    <div id="masthead">
    			<div id="branding" role="banner">

    like so:

    <div id="masthead">
    <a href="whereeverto"><img src="http://www.athomemom.net/pathto/logo.png" width="100" height="100" alt="" /></a>
    			<div id="branding" role="banner">

    then you need to adjust a lot of css:

    #masthead a img {
    float:left;
    height:100px;
    padding-bottom: 30px; }
    h1#site-title, #site-title {
    clear:none;
    width:500px;
    margin-left:20px;
    margin-top:10px; }

    numbers need adjusting, and there might be more to style.

    Thread Starter athomemom

    (@athomemom)

    Wow! Thanks, all of your tips have made a big difference.

    The only thing I’m still stuck on is the CSS for adding the logo in place of the title. Thirty Ten has 3 CSS files and draws from the 3 Twenty Ten files too. I can’t find a masthead reference in any of them.

    Which file do I need to adjust the code in? The Twenty Ten style.css sheet has a site-title section, but I don’t want to hose anything.

    Can you be more specific about where that code needs to go?

    Thank you so much!!!

    it was not clear that your logo would show the actual site title.

    could you move the linked logo image from so:

    <div id="masthead">
    <a href="http://www.athomemom.net"><img src="http://www.athomemom.net/wp-images/ahmlogo3.jpg"></a>
    			<div id="branding" role="banner">

    to just after <div id="branding" role="banner"> like so:

    <div id="masthead">
    			<div id="branding" role="banner"><a href="http://www.athomemom.net"><img src="http://www.athomemom.net/wp-images/ahmlogo3.jpg"></a>

    and then add these styles to the end of style.css of Thirty Ten:

    #branding a img {border:none; float:left; margin-bottom:40px; }
    #site-title { display:none;}
    #site-description { width:300px; margin-top:40px; }

    the treatment of the site title is not ideal; but once you have done these changes, it is easier to try different ways for the site title.

    Thread Starter athomemom

    (@athomemom)

    Thanks for the help, but the image link seemed to work best between the masthead and branding tags. And I think I got the CSS code for the masthead and site-title in the right place…

    Except now my tagline is no longer right-justified and is higher than the logo. Any ideas on how to fix?

    Thanks for all the help so far!! I really do appreciate it!!

    in style.css of TwentyTen, there was a little mess in these styles ( a closing } too much);
    below is tidyed, and in #site-description, the margins are adjusted:
    (seems to work in firefox at least)

    #masthead a img {
    float:left;
    height:85px;
    padding-bottom: 30px; }
    
    h1#site-title, #site-title {
    clear:none;
    width:250px;
    margin-left:20px;
    margin-top:10px;
    }
    
    #site-description {
    	clear: right;
    	float: right;
    	font-style: italic;
    	margin: 50px 0 0 0px;
    	width: 320px;
    }
    Thread Starter athomemom

    (@athomemom)

    Thank you. Yes, it is perfect in Firefox and Netscape. The site-description totally disappears in IE8, but what can you expect from good ol’ MS. It’s putting a whole blank header in my other blog while it looks great in Firefox and Netscape.

    Thanks again for all the help!!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘WP 3 and TwentyTen’ is closed to new replies.