WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Twelve: I want my header image to go full bleed, how? (4 posts)

  1. tasetta
    Member
    Posted 9 months ago #

    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:
    http://www.hridakasha.com/wordpress/welcome-to-hrid-akasha-yoga/

    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.

  2. paulwpxp
    Font hero
    Posted 9 months ago #

    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
    http://codex.wordpress.org/Child_Themes

  3. tasetta
    Member
    Posted 9 months ago #

    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. :/

  4. paulwpxp
    Font hero
    Posted 9 months ago #

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

Reply

You must log in to post.

About this Topic