WordPress.org

Support

Support » Themes and Templates » Header issues

Header issues

  • beccaanne
    Member

    @beccaanne

    Hi All,

    I’ve read and re-read the support posts re: changing the header, but I just can’t get the width to change. I would like it to be the width of about 3/4 the screen. I’ve added the code:

    #branding img {
    width: : 1200px;
    height: 99px;
    }

    …to my child theme, and played around with the other suggestions. The desired header image, which I have uploaded to my media library, distorts, but doesn’t widen.

    I feel like it’s got something to do with the tagline to the right…

    I would also like to add multiple windows, on a one column width, as in the theme example. How do I do that?

    I am not proficient in code, so please explain it to me like I am a 6-year-old. More specifically, a 6-year-old in 1988…

    http://becbutterworth.com/

    Thank you for any help. 🙂
    Bec.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins
    Forum moderator

    @anevins

    You have a CSS syntax error;

    width: : 1200px;

    Can you spot what’s wrong here?

    beccaanne
    Member

    @beccaanne

    Hi Andrew,

    I’m presuming that the syntax error is the space between the colon and the number, but I don’t know the rules. I’ll have a go with that change.

    Thanks!

    beccaanne
    Member

    @beccaanne

    I deleted the second colon and space, but no change…

    WPyogi
    Forum Moderator

    @wpyogi

    That’s actually working, but it’s also getting limited by this CSS:

    #site-title {
        float: left;
        font-size: 2em;
        line-height: 1.125em;
        margin-right: 4%;
        width: 32%;
    }

    so add this to your child theme style.css:

    #site-title {
        width: 100%;
    }

    Then the other problem is that the uploaded image is only 856px wide – so it’s distorted when you set it to 1200px.

    856px × 98px (scaled to 1200px × 99px)

    The above is the image settings currently (once the width above is changed).

    The other major error you have is that you put php code in your style.css file — it can’t go there — only CSS code can go in a CSS file. The other should go in your functions file.

    beccaanne
    Member

    @beccaanne

    WPyogi,

    Thank you, that sounds absolutely wonderful.

    I will have a go, and see what happens!

    I thought it might be restricted by something else, but I had no idea where to start.

    Thanks heaps,

    Bec

    Theme Author Sami Keijonen
    Member

    @samikeijonen

    Okei, let us know if you need any more help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Header issues’ is closed to new replies.