WordPress.org

Forums

JustWrite
[resolved] recommended sizes for header and logo images (8 posts)

  1. puliadmin
    Member
    Posted 11 months ago #

    what is the recomennded size of a header logo image and a header background image to be used with the JustWrite theme? (how many pixels by how many pixels?)
    thank you!

  2. acosmin
    Member
    Theme Author

    Posted 11 months ago #

    logo width: 180px (retina: 360px;)
    logo height: 110px max (retina: 220px;)
    header bg image: 1920x250px;

  3. FloatingCow
    Member
    Posted 4 months ago #

    Hi,
    Is there anyway of changing the size of the logo height so it is max 250px?

    Cheers

  4. acosmin
    Member
    Theme Author

    Posted 4 months ago #

    can you post a link to your website?

  5. whodoyouevenareyou
    Member
    Posted 3 months ago #

    Hi! I'd also like to know if there's a way to extend the width/height maximums. I can code in a few languages pretty decently, but have yet to get it fiddled just right, so have resorted to another theme for the time being. I adore JustWrite stylistically, though, and would be absolutely psyched if I could squeeze a larger image in there (so it has more of the impression of a "banner" than a "logo," though I know that's not as in style in the design world as it once was).

    Cheers!

  6. acosmin
    Member
    Theme Author

    Posted 3 months ago #

    You can open style.css, find:

    .header-wrap {
    	width: 100%;
    	height: 220px;
    	background-color: #111;
    	background-repeat:no-repeat;
    	background-size:cover;
    	background-position: center center;
    	border-bottom-width: 1px;
    	border-bottom-style: solid;
    	position: relative;
    }

    and change 220px to the size you want, 420px for example. Also do this simple math 420-220=200 and remember 200.

    Now find:

    .top {
    	height: 150px;
    }

    and add 200 to 150, so change 150px to 350px.

    For the mobile view I think you should find:

    @media screen and (max-width: 650px) {
    	.post-template-1 .details .p-share, .single-content.featured-image:before, .comment-main:after, .comment-main:before {
    		/* Elements with Display None */
    		display: none;
    	}
    
    	/* ------ */
    	.container { margin: 30px auto; }
    	.content-wrap { padding-top: 30px; }

    and add bellow it .top { height: 150px; }

    Remember to use a child theme. In case the theme is updated you might lose your changes.

  7. nishkarshsharma93
    Member
    Posted 1 month ago #

    I made these changes, but they're not reflecting on my site.

    /* - 3.0 Header */
    .header-wrap {
    width: 100%;
    height: 420px;
    background-color: #111;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative;
    }
    .top {
    height: 350px;
    }

  8. acosmin
    Member
    Theme Author

    Posted 1 month ago #

    Just wait for the next update. The header will resize based on the logo's height.

    If you don't have time, you can download it from here:
    https://themes.trac.wordpress.org/ticket/24080

    I will not be available for holidays or next week and I can't answer your question.

    Happy Holidays!

Reply

You must log in to post.

About this Theme

About this Topic