Moderator
Jan Dembowski
(@jdembowski)
Forum Moderator and Brute Squad
You’re going to have to be more specific than that. The header doesn’t behave how…?
Hi sorry yes, on the .com theme the site name and tagline are inserted under the header image and on the .org the text is overlay onto the header image.
Moderator
Jan Dembowski
(@jdembowski)
Forum Moderator and Brute Squad
I just looked at the wpcom version (svn is my friend) and the CSS for the header is a little different. The rest looks pretty much the same to my untrained eye.
The CSS probably has differences that I’m not spotting (UNIX diff fails with that many differences). I’ll look at it later on but I’m hoping a CSS savvy person can chime in. *cough*Andrew Nevins*COUGH!* 😉
I’m sure it’s only few lines in a child theme.
Thanks I appreciate all your help.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
May you link the webpage with the problem?
You may need to add CSS to re-position your header elements.
Moderator
Jan Dembowski
(@jdembowski)
Forum Moderator and Brute Squad
Much thanks for looking at this Andrew. 🙂
This is my crash test dummy installation where I’ve setup a child theme of Grisaille.
http://dixie.dembowski.net/
The child theme style.css is located at
http://dixie.dembowski.net/wp-content/themes/grisaille-child/style.css
and imports this style sheet (from the ww.wp.xz.cn download)
http://dixie.dembowski.net/wp-content/themes/grisaille/style.css
The wpcomm SVN version style sheet is located at
http://dixie.dembowski.net/wp-content/themes/grisaille-wpcomm/style.css
Which you can see in action at http://grisailledemo.wordpress.com/
From just looking at my test site and the demo site the header portion doesn’t seem to be that different. But while poking at the CSS during my commute this morning, I couldn’t get the CSS right for the header.
I think that the differences between the wpcomm version and the ww.wp.xz.cn version can be reconciled. But my CSS is a little poor and I wasn’t able to make the two look quite the same on my child theme.
Any help would be appreciated, I’m not yet ready to head to the CSS forum (but probably will be soon!)
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Are the fonts intentionally different?
Try these changes:
#header {
margin: 0 0 15px 0;
}
#site-title {
min-height: auto;
}
#site-title h1, #site-title #site-description {
padding: 0;
}
a.rss {
margin-right: 10px;
}
Hopefully I haven’t got the two mixed up and applied styles to wrong one.
Moderator
Jan Dembowski
(@jdembowski)
Forum Moderator and Brute Squad
Looks closer to WordPress.COM version (I changed the site name and tag line) now to work out the font difference…
BTW sadly, this is how I pick up my CSS knowledge. 😉
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
And in-turn I pick up knowledge by helping others, therefore you’ve also helped me learn.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
In your .com website, that is an image element.
In your .org website, that is a background CSS image.
Ok thanks, do you know how I would go about changing that? I’m pretty new to CSS.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Do you have a Child Theme?
No is it just creating another directory I’m the the themes dir?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Yes in your theme directory, you’ll need to create another directory and have in it a style.css file.
Your style.css file should look like this example;
http://codex.ww.wp.xz.cn/Child_Themes#Example_of_a_basic_Child_Theme
You then need to activate that Child Theme in the dashboard.
Then copy header.php (from the actual theme) and paste it in the Child Theme.
This allows you to edit the header.php file without losing your changes when you update the theme.
