Support » Themes and Templates » [Theme: Diginews} Replacing a header with image

  • I have my logo uploaded as an image in my Library, but I need to replace the font I have with the image. Here’s the code:

    <!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <meta name="viewport" content="width=device-width" />
    <title><?php wp_title('|', true, 'left'); ?></title>
    <link rel="profile" href="" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <?php wp_head(); ?>
    <body <?php body_class(); ?>>
    <div id="container">
    <?php do_action( 'before' ); ?>
    	<header id="branding" role="banner">
          <div id="inner-header" class="clearfix">
    		<hgroup id="site-heading">
    			<h1 id="site-title"><a>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
    			<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
    		<nav id="access" role="navigation">
    			<h1 class="assistive-text section-heading"><?php _e( 'Main menu', 'diginews' ); ?></h1>
    			<div class="skip-link screen-reader-text"><a href="#content">"><?php _e( 'Skip to content', 'diginews' ); ?></a></div>
    			<?php diginews_main_nav(); // Adjust using Menus in WordPress Admin ?>
    			<?php get_search_form(); ?>
    		</nav><!-- #access -->
    	</header><!-- #branding -->

    [Use the Code buttons please]

    What would I replace with the logo URL?

Viewing 6 replies - 1 through 6 (of 6 total)
  • in the stylesheets part of the editor at the very beginning, you’ll have to scroll a little, but you should find where it allows for font size and font style to be hard-coded in. hope this helps. I just happened upon it when I was trying to do some customizations.

    Like this?

    #container, .wrap {
    width: 96%;
    margin: 30px auto;
    padding: 0;
    max-width: 1044px; /* remove or edit to adjust width */
    background: #fff;
    border: 1px solid #c7c8ca;
    box-shadow: 0 0 3px #ddd;
    font-family: Georgia, “Times New Roman”, Times, serif;
    font-size: 16px;

    What would I replace?

    header[role=banner] {
    position: relative;
    background: url( repeat-x;

    #site-heading {
    min-height: 60px;
    padding-top: 20px;
    padding-left: 30px;
    margin-bottom: 15px;

    #site-title {
    margin-bottom: 2px;
    margin-right: 300px;
    font-family: ‘Old Standard TT’, Georgia, “Times New Roman”, Times, serif;
    font-weight: 700;
    font-size: 55px;
    line-height: 1em;
    text-transform: uppercase;

    #site-title a {
    color: #000;
    text-decoration: none;

    #site-description {
    font-size: 14px;
    margin-right: 300px;
    color: #000;
    font-family: ‘Old Standard TT’, Georgia, “Times New Roman”, Times, serif;
    font-weight: 400;
    text-transform: uppercase;

    I guess that’s right after all. What would I change to make my blog title an image?

    if your theme allows for that customization then you would go to theme under appearance and click on theme options, and there’s a place for upload custom image. if it’s not there, your theme doesn’t allow that type of customization. I’m using Gamepress theme, and it allows fo rit.

    There’s no way I can code it in? Seriously?

    Yes, there are other ways to add anything you want. But you will need to create a Child Theme before making those kinds of changes:

    Also, please see this before posting any more code here:

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Theme: Diginews} Replacing a header with image’ is closed to new replies.