edit comment box

  • Unknown's avatar

    Cate, with the header image going full width in Rowling, it’s not going to behave as nicely and cleanly as on Sketch, so at some screen widths, your header image is going to be cropped off on the bottom, so that is something to keep in mind. I tried your existing header image on my test site with Rowling. Take a look at it and play with your browser window and perhaps view it on your phone as well and then let me know when you have and I will remove your header image from my test site.

    Here is the CSS I used.

    .header-wrapper {
        background: rgba(0, 0, 0, 0) url("https://ilmondodicate.files.wordpress.com/2016/04/wp-1460099582992.jpg") no-repeat scroll center top / cover ;
    }
    .header {
        padding: 120px 0;
    }

    This should give you an idea on what you will need to do to your header image for it to work in Rowling.

  • Unknown's avatar

    Hi again the sacred path!thank you for your time and effort.I think the header Isn’t too bad.should I put it in my editor?

  • Unknown's avatar

    Yes, you can do that.

  • Unknown's avatar

    Hi sorry I’m late replying was away.which is the height and width of the header for Rowling

  • Unknown's avatar

    No worries. The header area in Rowling stretches full width, and the height of the header area is determined by padding on the top and bottom of the site title/tagline, so it can be adjusted accommodate pretty much any header image height. I would suggest that you make your header image at least 1500px in width, which would match the width of the navigation section.

  • Unknown's avatar

    Thank you again.I am also interested in the theme apostrophe,and canard:which are the main differences?are there any other grid layout coming out inthe near future?I have homepage, would that be OK on apostrophe?thank you and sorry,trying to find the perfect theme before switching

  • Unknown's avatar

    Tris is the header I wish to put it’s the last image on my media library,if you want to take a quick look and it’s 1047X80 thank you

  • Unknown's avatar

    This is a pretty good starting place. See what you think with this.

    .header-wrapper {
        background-image: url("https://ilmondodicate.files.wordpress.com/2016/05/wp-1463833788727.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
    }
    .header {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .site-title, .site-description {
        visibility: hidden;
    }
  • Unknown's avatar

    And yes, you can use a static page as your front page in any theme here at WordPress.com.

  • Unknown's avatar

    Yes,tris seme fine.should i. Put this with my other css?

  • Unknown's avatar

    Sorry the auto correct.this seems fine

  • Unknown's avatar
  • The topic ‘edit comment box’ is closed to new replies.