WordPress.org

Ready to get started?Download WordPress

Forums

Path
[closed] How to change picture size in the header (18 posts)

  1. BlackDisc
    Member
    Posted 1 year ago #

    Hi,

    I am newbie. Can I get some help in changing the size of the picture in the header?

    Also I am wonder why the style.css file has text without indenting or formatting. Its hard to make sense of the code.

    http://wordpress.org/extend/themes/path/

  2. Good Guy
    Member
    Posted 1 year ago #

    You have to do two things here:

    1) create a picture of the correct dimensions and upload it to your site;
    2) Use the following code in your child theme to effect the change and to over ride the default theme size.

    #branding img {
    	width: : 300px;
    	height: 99px;
    }

    1 is necessary to avoid distortion of the image and 2 is necessary because some themes will have default size embedded in header.php file.

    Hope this helps.

  3. BlackDisc
    Member
    Posted 1 year ago #

    @mytaxsite Thanks!

    I have done step 1 and uploaded it into the media gallery.

    Then I put in the following code in functions.php

    $defaults = array(
    	'width'                  => 1205,
    	'height'                 => 125,
    	'flex-height'            => true,
    	'flex-width'             => true,
    );
    
    add_theme_support( 'custom-header', $defaults );

    I was expecting that this will cause the small logo size to expand to the setting above. But it stays the same small default original logo size of the theme.

    Note that I am not working in the Child Theme for this time. But once I figure it out, I will reconstruct it in the child theme. I feel this is easier to understand though not the best practice (i know).

    Thanks.

  4. Good Guy
    Member
    Posted 1 year ago #

    Change flex-height to false; and change flex-width to false; save the file and then see what happens.

    Really, child theme is better to work with because you are playing with the core and "NEVER HACK THE CORE"

    Also, remember to refresh the page (or clear the browser cache) as CSS needs to be refreshed again to effect the change.

    Good luck.

  5. Good Guy
    Member
    Posted 1 year ago #

    The code I forgot to post is this:

    #branding img {
    	width: : 300px;
    	height: 99px;
    }
  6. Sami Keijonen
    Member
    Theme Author

    Posted 1 year ago #

    Also I am wonder why the style.css file has text without indenting or formatting. Its hard to make sense of the code.

    That's why there is style.dev.css.

  7. haije
    Member
    Posted 1 year ago #

    Hi, great theme! Hieno teema, taidan ottaa käyttöön! And thanks for the child theme also.

    I use Notepadd++ and the child theme. Is there any way I can make the original Path-theme's style.css more readable, though I am not going to edit it of course (but the child theme)? Or should I use some other program than Notepad++?

    Thanks in advance! :)

  8. haije
    Member
    Posted 1 year ago #

    Ok, I found this:
    http://justintadlock.com/archives/2010/09/29/development-stylesheets-for-theme-developers

    Have to try this way, sorry to bother you, forget my previous guestion, I'll investigate this tomorrow.

  9. Sami Keijonen
    Member
    Theme Author

    Posted 1 year ago #

    Yes, there is style.dev.css which is not compressed.

    Note: WordPress is moving to direction where they name files like style.min.css.

  10. elpezquemuerde
    Member
    Posted 1 year ago #

    i change style.css and function.php... but when y upload a new image for header, always resize to 300x99 px... what can i do????

  11. Sami Keijonen
    Member
    Theme Author

    Posted 1 year ago #

    When you upload image, you can choose Ship cropping, Publish image as is.

  12. elpezquemuerde
    Member
    Posted 1 year ago #

    I try crop and don't crop... but is the same...

    I must change style.css and functions.php??? i try with original archives and change the size... really i did something wrong... :(

  13. Sami Keijonen
    Member
    Theme Author

    Posted 1 year ago #

    Yes you might need some style changes also. You put it in child theme style.css. If you give link to your site we can take a closer look.

  14. elpezquemuerde
    Member
    Posted 1 year ago #

    This is the web: http://www.ladulcevita.net

  15. Sami Keijonen
    Member
    Theme Author

    Posted 1 year ago #

    It seems good to me.

  16. elpezquemuerde
    Member
    Posted 1 year ago #

    Sorry!!!
    Yes! Finally i see good!
    I erased the size 42% on header, and it looks fine now.

  17. beccaanne
    Member
    Posted 1 year ago #

    Hi All,

    I've read and re-read the support posts, but I just can't get the header width to change. I've added the code:

    #branding img {
    width: : 1200px;
    height: 99px;
    }

    To my child theme, but the image distorts, but doesn't widen.

    I feel like it's got something to do with the tagline.

    I am not proficient in code, so please explain it to me like I'm 6 years old? Or, like a 6 year old in 1982?

    Thank you. :)
    Bec.

  18. Andrew
    Forum Moderator
    Posted 1 year ago #

    You ought to create your own thread for support, Bec.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags