WordPress.org

Ready to get started?Download WordPress

Forums

[Twenty Eleven] A few changes I need help with. (10 posts)

  1. FooManChoo
    Member
    Posted 2 years ago #

    I have a child style but I am having problems with the following.

    1. Change the font type and size

    2. Removing the space/title above the logo and header.

    3. Changing the colour of the footer.

    Changes I make in the style.css do not seem to work.

    Any help would be appreciated.

  2. Jeremy Herve
    Member
    Posted 2 years ago #

    Can you give us the address of your site? We may be able to help you from there.

  3. sarahhic
    Member
    Posted 2 years ago #

    These are all changes I just made to my child theme today, post your site address so we can take a look.

  4. FooManChoo
    Member
    Posted 2 years ago #

  5. Rev. Voodoo
    Volunteer Moderator
    Posted 2 years ago #

    all of the changes in your style.css are taking effect currently

    http://vudu.me/s6
    I have an srticle here about switching up fonts.
    I also have a tonne of other stuff related to messing with twentyeleven on there, including sizing, spacing, etc

  6. FooManChoo
    Member
    Posted 2 years ago #

    How do I remove the white space above the logo and all change the colour of the white space to the right of the logo please?

  7. sarahhic
    Member
    Posted 2 years ago #

    This may not be the "right" way of going about editing your theme, but it worked really well for me and was pretty simple.

    I copied the existing twenty eleven style.css sheet and pasted it into my child theme, then I went through using Firebug to find all the colors etc. I need to change. This is really easy if you open your style sheet in DW code view, because Firebug will give you the style sheet line (for example line 527).

    I'm not sure what you mean by "logo" but if you mean where it says Dev at the top of the page I don't know how to cut down white space without removing the top header section completely. When you go into your header file (copy and paste it into your child theme just to be safe) remove the following code:

    <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>
    				<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
    			</hgroup>

    This will remove the whole section above the header image. Then remove the second appearance (there are 2 total, leave the first) of:
    <?php get_search_form(); ?>

    I hope that helps!!

  8. FooManChoo
    Member
    Posted 2 years ago #

    I don't use Dreamweaver so I am really struggling here!

  9. sarahhic
    Member
    Posted 2 years ago #

    If you don't use DW the easiest way to find and change your code is to identify the style or code that needs changed via Firebug and then to use the editor on the back end of WP. You can pull up your files there and use the "find" function on your browser to search the specific code you need.

    If you're still having trouble from there it may be easier for you to download or purchase a ready made template you don't need to change.

  10. zeaks
    Member
    Posted 2 years ago #

    I made a child theme http://zeaks.org/nomnom-twenty-eleven-child-theme/ it has options to change the fonts, colors of several areas, the padding in the header is already reduced and has several other features you might find useful.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.