Header issues

  • 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…

    https://becbutterworth.com/

    Thank you for any help. ??
    Bec.

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You have a CSS syntax error;

    width: : 1200px;

    Can you spot what’s wrong here?

    Thread Starter beccaanne

    (@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!

    Thread Starter beccaanne

    (@beccaanne)

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

    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.

    Thread Starter beccaanne

    (@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

    (@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.