Support » Theme: Twenty Fourteen » Can Twenty Fourteen Support a Graphic Logo?

Viewing 15 replies - 1 through 15 (of 22 total)
  • esmi

    (@esmi)

    Forum Moderator

    Assuming you are comfortable using HTML & CSS, yes but do not edit the Twenty Fourteen theme. It is the current default WordPress theme and having access to an original, unedited, copy of the theme is vital in many situations. First create a child theme for your changes.

    Yup I’m using a child theme esmi, would you be so kind to enlighten me with an approach?

    esmi

    (@esmi)

    Forum Moderator

    Site url?

    http://homehealthyfitness.com/

    But I have it currently set with the Expound theme until I have it all configured properly with the Twenty Fourteen.

    Do you want me to change it back for this instance??

    esmi

    (@esmi)

    Forum Moderator

    It would be helpful to see your child theme, yes.

    Ok done, bit of a mess and the logo is huge atm because its set as the header…

    A friend has helped me resize the logo appropriately here and this is what I’m trying to go for with and option to fill the space to the right with content (i.e. text, banner or whatever)…

    http://www.muslimahwebdesign.co.uk/wordpresstutorials/wp-content/uploads/2014/05/health_fitness_screenshot1.png

    esmi

    (@esmi)

    Forum Moderator

    What dimensions do you want to for that header/logo image?

    540×160 I believe is what the image was resized to in that screenshot. That look is what I’m going for…

    closer to 500X155 I believe actually… My browser was sized a little off..

    Ok, so I found out that the size of the header is set in a file called custom-header.php. I copied this file and made a duplicate within my child theme, changed the values to maybe constrain the image, and set it to the left as well, but achieved nothing lol… What am I missing here!?

    esmi

    (@esmi)

    Forum Moderator

    Try adding:

    function my_custom_header_setup() {
    	add_theme_support( 'custom-header', apply_filters( 'my_custom_header_args', array(
    		'default-text-color'     => 'fff',
    		'width'                  => 540,
    		'height'                 => 160,
    		'flex-height'            => true,
    		'wp-head-callback'       => 'twentyfourteen_header_style',
    		'admin-head-callback'    => 'twentyfourteen_admin_header_style',
    		'admin-preview-callback' => 'twentyfourteen_admin_header_image',
    	) ) );
    }
    add_action( 'after_setup_theme', 'myn_custom_header_setup' );
    
    function twentyfourteen_admin_header_style() {
    ?>
    	<style type="text/css" id="twentyfourteen-admin-header-css">
    	.appearance_page_custom-header #headimg {
    		background-color: #000;
    		border: none;
    		max-width: 540px;
    		min-height: 160px;
    	}
    	#headimg h1 {
    		font-family: Lato, sans-serif;
    		font-size: 18px;
    		line-height: 48px;
    		margin: 0 0 0 30px;
    	}
    	#headimg h1 a {
    		color: #fff;
    		text-decoration: none;
    	}
    	#headimg img {
    		vertical-align: middle;
    	}
    	</style>
    <?php
    }
    endif;

    to your child theme’s functions.php file.,

    Tried but still nothing…

    does it need to be styled with CSS maybe??

    esmi

    (@esmi)

    Forum Moderator

    The image you are uploading is 1260 x 394 pixels!

Viewing 15 replies - 1 through 15 (of 22 total)
  • The topic ‘Can Twenty Fourteen Support a Graphic Logo?’ is closed to new replies.