Suits Theme – Header Full Length?

  • Author
    Posts
  • #2462451

    bobbyhearn
    Member

    Pardon if this is a dumb question, I’m no CSS wiz. According to the Suits theme page, the length of the main container is 960 pixels, while both sidebars are 220. This adds up to a grand total length of 1400 pixels.

    Is it possible to upload a header that extends the full length of the webpage (1400L x 220W) without throwing everything else (nav bar, columns, etc.) off?

    Website is fivestarsoda.com. Thanks.

    The blog I need help with is fivestarsoda.com.

    #2462551

    g471n
    Member

    Hi bobbyhearn

    The theme seems to save the header image as 960px wide when you select a header image.

    I think we can override this with some custom CSS. If you upload an image that is 1400px x 220px to your media library and post the url for the image here I can work out the CSS for you.

    #2462552

    bobbyhearn
    Member

    Sure thing. This is totally just a test image, but it is the correct dimensions.

    https://fivestarsoda.files.wordpress.com/2015/09/banner-test.jpg

    Thanks.

    #2462553

    g471n
    Member

    To find the URL for the image:

    Select Media > Library – select the image and a window will open with the image info on the right hand side. Copy the URL – http:// etc. and post it here.

    #2462555

    g471n
    Member

    Try adding this custom CSS.

    .site-header {
        background: #000 url(https://fivestarsoda.files.wordpress.com/2015/09/banner-test.jpg) no-repeat scroll top;
    }

    To add custom CSS

    Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.

    You need to be on the WordPress.com Premium Plan for custom CSS to save.

    #2462646

    bobbyhearn
    Member

    @g471n

    This is really close to working. There’s probably 20-30 pixels of empty space on both sides of the banner after this CSS. I’m really trying to make it stretch completely the length of the site though.

    #2462694

    bobbyhearn
    Member

    Anyone have any other suggestions?

The topic ‘Suits Theme – Header Full Length?’ is closed to new replies.