Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi there!

    Do you have a child theme set-up?

    If not, I would suggest you do this first and copy the header.php file into your child theme folder.

    You can read about child themes on the WordPress Codex or watch a tutorial.

    When you’ve done that you can edit the header.php file – Appearance -> Editor

    Look for this line :

    <h1 class="site-title">

    and replace it with a link to your logo image:

    <img class="site-title" src="http://mywebsite.com/logo.png">

    Depending on the dimensions of your image you may need to adjust the alignment using CSS.

    I hope that helps!

    Luke the Daft Duke

    Thread Starter ballynoe

    (@ballynoe)

    Thanks Luke
    just one further question if you could help. how to link to my logo if its a image on my c drive

    You’ll have to upload it to your website first:

    1. On your Dashboard go to: Media -> Add New

    2. When it has uploaded click on the word ‘Edit’

    3. In the box on the right hand side you’ll see the file url – this is what you’ll need to use to link to it.

    Thread Starter ballynoe

    (@ballynoe)

    brilliant thanks very much but as you probably could have guessed i,m struggling to find css code to enlarge image.

    If you post a link to your website I can take a look and make a suggestion for you.

    Thread Starter ballynoe

    (@ballynoe)

    Is that the image : copy-of-banner-1.jpg ?

    It looks like the size is 448 X 129 ….if you scale it up you are going to see a decrease in the image quality.

    Ideally you want an image with a width of around 1200 px if its going to be a full width banner image like that.

    #logo .site-title {
      width: 270%;
    }
    Thread Starter ballynoe

    (@ballynoe)

    Thanks again you’ve been very helpful. Much appreciated thanks

    Hi there,

    Me too, I would like replace the title of my site with my logo.
    However, I don’t find the line <h1 class=”site-title”> in my file header.php.
    I can only see :

    backticks.
    <head>
    <meta charset=”<?php bloginfo( ‘charset’ ); ?>” />
    <meta name=”viewport” content=”width=device-width, initial-scale=1″>
    <title><?php wp_title( ‘|’, true, ‘right’ ); ?></title>
    <link rel=”profile” href=”http://gmpg.org/xfn/11&#8243; />
    <link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” />

    <?php wp_head(); ?>
    </head>

    <body <?php body_class(); ?>>

    <?php // Get Theme Options from Database
    $theme_options = dynamicnews_theme_options();
    ?>

    <div id=”wrapper” class=”hfeed”>

    <div id=”header-wrap”>

    <header id=”header” class=”container clearfix” role=”banner”>

    <div id=”logo” class=”clearfix”>

    <?php do_action(‘dynamicnews_site_title’); ?>
    backticks.

    Any help would be appreciate

    Many thanks,

    Are you using the latest version of Dynamic News Lite ?

    There are more lines under what you have posted.

    Hi Daftduke,

    Yes I think use the latest version ( 1.1.2) .

    Thanks for you answer,

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘How do i replace header with image/logo’ is closed to new replies.