Support » Themes and Templates » Twenty Twelve: I want my header image to go full bleed, how?

  • I tried WP a year ago and gave up. I’m back to take another try at it with a simpler site.

    Here is my link:

    As you can see, I have reduced the margins somewhat, but there are still gaps along the sides of the header that I would like eliminated. I want the header image to go the full width and am stumped at how to do this.

    I am using the twenty twelve theme.

    I’m comfortable with CSS & HTML, but php is not my strength. I’ve messed around with the styles.css, reduced the margins somewhat. I tried to edit the header.php to make the header image width = 100% but still no go.

    Would appreciate advice.

    And um also.. am I supposed to post a whole new thread for every single unrelated question if I have more than one at a time? I don’t want to get people mad at me in here.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Under your current markup, this would work.

    #page > a:first-child {
    	display: block; margin-left:-24px; margin-right: -24px;
    @media screen and (min-width: 960px) {
    	#page > a:first-child {
    		display: block; margin-left:-40px; margin-right: -40px;

    Also, consider not using copy-paste of parent’s style.css in child’s, it’s better to use @import and only redeclare what need to change from parent’s.

    Child theme doc

    Lovely, that worked. Thank you.

    I’ll go back and review how to use child themes. This is my first attempt and I thought I understood the process. By now tho I don’t remember what I’ve changed in the files and what is original from the parent. :/

    One way is to compare (diff) the unedited original stylesheet and yours using text editor that has this option or use online service.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Twenty Twelve: I want my header image to go full bleed, how?’ is closed to new replies.