WordPress.org

Forums

[resolved] head picture full width (6 posts)

  1. baxterstockman
    Member
    Posted 1 year ago #

    Hey there,

    I'm using twenty fourteen, installed the extended plugin, and removed the sidebar and changed it to full width. Now my displaypicture at the top of my side is not full width. It seems like it is shifted to the left since there is a blank space area to the right.

    I already changed all the numbers to max and 100% as well as I used a child theme with these codes:
    Code:

    .site-header {
    background-color: #000;
    max-width: 100%;
    position: relative;
    width: 100%;
    z-index: 4;
    }
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content {
    margin: 0 auto;
    max-width: 100%;
    }

    or

    .full-width .site-content {
        margin: 0 auto;
    }
    
    .full-width .site-content .has-post-thumbnail .entry-header {
        margin: 0 auto;
    }
    
    .singular.full-width .site-content .has-post-thumbnail.hentry {
        margin: 0 auto;
    }
    
    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content {
        max-width: 2000px
    
    }
    
    .hentry {
        max-width: 100%;
    }
    
    .site-content {
        margin-left: 20px;
        margin-right: 29%;
    }

    But nothing worked so far. I searched in the web for hours already but couldn't find an answer, any ideas?

  2. Devora
    Member
    Posted 1 year ago #

    can you post a link?

  3. baxterstockman
    Member
    Posted 1 year ago #

    oh yeah, sure, sorry,

    http://baxterstockman5.bplaced.net/wordpress/ thank you !

  4. Devora
    Member
    Posted 1 year ago #

    #site-header img, {

    width: 100%;
    }

    try adding the code above to

    style.css (or your custom stylesheet, if you have one)

  5. baxterstockman
    Member
    Posted 1 year ago #

    it worked !

    I added it into this section and copied it into the child .css

    .comment-content img[height],
    .entry-content img,
    .entry-summary img,
    img[class*="align"],
    img[class*="wp-image-"],
    img[class*="attachment-"],
    #site-header img {
    	height: auto;
    	width: 100%;
    }

    Thank you so much !

  6. Devora
    Member
    Posted 1 year ago #

    you are welcome!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.