Header issues

beccaanne
(@beccaanne)

11 years, 3 months 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.

Viewing 6 replies - 1 through 6 (of 6 total)

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years, 3 months ago
You have a CSS syntax error;
```
width: : 1200px;
```
Can you spot what’s wrong here?
Thread Starter beccaanne
(@beccaanne)

11 years, 3 months 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!

Thread Starter beccaanne
(@beccaanne)

11 years, 3 months ago

I deleted the second colon and space, but no change…
WPyogi
(@wpyogi)

11 years, 3 months 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.
Thread Starter beccaanne
(@beccaanne)

11 years, 3 months 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

Theme Author Sami Keijonen
(@samikeijonen)

11 years, 3 months ago

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