WordPress.org

Ready to get started?Download WordPress

Forums

Path
Header issues (7 posts)

  1. beccaanne
    Member
    Posted 1 year ago #

    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.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    You have a CSS syntax error;

    width: : 1200px;

    Can you spot what's wrong here?

  3. beccaanne
    Member
    Posted 1 year ago #

    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!

  4. beccaanne
    Member
    Posted 1 year ago #

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

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  6. beccaanne
    Member
    Posted 1 year ago #

    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

  7. Sami Keijonen
    WordPress-asiantuntija
    Theme Author

    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags