edit comment box

  • Author
    Posts
  • #2619809

    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.

    #2619811

    catezapp
    Member

    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?

    #2619812

    Yes, you can do that.

    #2619821

    catezapp
    Member

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

    #2619822

    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.

    #2619823

    catezapp
    Member

    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

    #2619824

    catezapp
    Member

    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

    #2619825

    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;
    }

    #2619826

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

    #2619827

    catezapp
    Member

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

    #2619828

    catezapp
    Member

    Sorry the auto correct.this seems fine

    #2619829

    Great!

The topic ‘edit comment box’ is closed to new replies.