edit comment box
-
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.
-
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?
-
-
Hi sorry I’m late replying was away.which is the height and width of the header for Rowling
-
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.
-
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
-
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
-
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; } -
And yes, you can use a static page as your front page in any theme here at WordPress.com.
-
-
-
- The topic ‘edit comment box’ is closed to new replies.