Support » Theme: Path » [Theme: Path] How to change picture size in the header

Viewing 15 replies - 1 through 15 (of 17 total)
  • Good Guy

    (@mytaxsitecouk)

    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.

    @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.

    Good Guy

    (@mytaxsitecouk)

    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.

    Good Guy

    (@mytaxsitecouk)

    The code I forgot to post is this:

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

    (@samikeijonen)

    Member

    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.

    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! 🙂

    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.

    Theme Author Sami Keijonen

    (@samikeijonen)

    Member

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

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

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

    Theme Author Sami Keijonen

    (@samikeijonen)

    Member

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

    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… 🙁

    Theme Author Sami Keijonen

    (@samikeijonen)

    Member

    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.

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

    Theme Author Sami Keijonen

    (@samikeijonen)

    Member

    It seems good to me.

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

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘[Theme: Path] How to change picture size in the header’ is closed to new replies.