Twenty Twelve Based Theme Header Issues

TylinaVespart
(@tylinavespart)

10 years, 11 months ago

Hey All

May just be having a blonde moment, but I’m trying to make my header background image show the whole image (it’s 1040px wide and only showing 960) and position it so that it blends right into the larger background color.

Here’s my site: Shades of a Dream

I suspect it has something to do with the padding, or the way I’ve structured my header (it has a widget area) but uncertain how to fix.

Thanks!
Heather

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

Michael
(@alchymyth)

10 years, 11 months ago
http://wordpress.org/support/topic/twenty-twelve-how-to-remove-margins-at-sides?replies=9#post-4223392
```
body .site {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	box-shadow: none;
}
```
using a ‘forked’ theme is a good choice if you are planning a lot of changes compared to the original theme.
paulwpxp
(@paulwp)

10 years, 11 months ago

Also, the site has some CSS errors that should be fixed before moving on with other adjustments.

CSS validator
http://jigsaw.w3.org/css-validator/

Thread Starter TylinaVespart
(@tylinavespart)

10 years, 10 months ago

Thanks Alchymyth; quick further question. Is it possible to increase the width of the image that is displayed (it’s width is 1040px and I believe my site is 960px) or should I resize the image / consider using it as part of the main background instead?

@ paulwpxp – I had a look at the errors but honestly not sure how to fix them, this site is basically a heavily edited copy of the twenty twelve theme and those parts pertain to the original theme. Any suggestions would be great. =)
paulwpxp
(@paulwp)

10 years, 10 months ago
There is an extra comma in the reset section between figcaption and header
```
figcaption, , header
```
That’s all, the rest is just background image gradient property which is not yet officially supported but it’s not an actual error.
Thread Starter TylinaVespart
(@tylinavespart)

10 years, 10 months ago

Phew, thanks Paul. I’ll go fix that now. =)

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

The topic ‘Twenty Twelve Based Theme Header Issues’ is closed to new replies.

Twenty Twelve Based Theme Header Issues

Tags

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics