Support » Themes and Templates » adding an image header to Royale 1.3 theme

  • Resolved azzatron


    hi there, im realyl stuck with this and was hoping someone out there could help.
    bascially im trying to fond a way of adding an image header to a theme that doesnt have one (the Royale 1.3 to be specific)
    im pretty stuck, and have written to the origianl designer of the theme, but have not received a reply.
    can anyone else offer and tips etc?
    thanks for your time

Viewing 15 replies - 1 through 15 (of 16 total)
  • nobody?

    You resolved it?, if you… put RESOLVED!,

    If not… let me know, and i will tell you the solution,


    hi there, thanks for the reply 🙂
    no i havent resolved this yet.
    could you help me with it please?
    its very much appreciated. cheers

    You want to change your your actual image header?,

    Just see the name of the image, and create a new one with the same size and name, and upload it to the correct folder,

    Now? or you need more specific detail?


    Thanks for the reply, but it doesnt really solve my problem 🙁

    The theme i mentioned doesnt actually have an image header built into it. I was wondering if there was a way to add one in manually?
    I’m, using the Royale 1.3 from here :

    I’m sure it possible in some way, but i havent been able to find out how yet 🙁
    thanks again for your time!

    You should be able to get a good start by looking here.

    cheers, thanks for the reply…
    im not having nay luck yet following the info in that link.
    guess ill have to look for a new theme =/

    Not so fast, I’m getting good at this. See
    a domain I own, but haven’t marketed. Using it for testing. Yes, those were actually my bagels and lox, if you are wondering.

    Go to your dashboard and choose presentation. It offers a tab “HTML inserts” go there.

    I entered this line:
    <img src=””

    My image was named kubrick from another post’s experiment, but you get the idea. The them writer did a great job letting someone edit like this. You can see I’m a new WP user, and with a bit of tinkering can do just what you and a few recent posters asked regarding images. So far, it took patience and a bit of common sense. And some friendly fold pointing me in the right direction.

    ahh yes, thanks for the reply, it works! hehe
    it looks a little crude, but i think its a good starting point.. just need to figure out how to integrate it with the overall theme design a bit more..
    will have to try adn put it into the actual header file i think..
    but yes, thanks again 🙂

    ok, so i’ve opened up my header file and think i’ve found the place to insert my header image in.
    does this seem like the right place?

    <div id="header">
    	<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    	<div class="description"><?php bloginfo('description'); ?></div>
    	<ul class="pages">
    		<li class="page_item"><a href="<?php echo get_option('home'); ?>/"><?php _e('Home','royale'); ?></a></li>
    		<?php wp_list_pages('sort_column=menu_order&depth=1&title_li=&exclude='.get_option('royale_exclude_pages')); ?>

    i pasted an image link in there amd it showed up roughly inthe right palce on the blog, however looked terrible as it covered up some links, and wasnt centered or justified to the left for example.
    can anyone offer any help with the coding of this?
    ive reached the limit of my ability at this point (or lack there of)
    thanks again

    actually, should i be editing the style.css file instead?
    this is from there

    #header {
      text-align: left;
      width: 100%;
      background: url(images/<?php echo $overlay; ?>);
    <?php if ($ie||$ie7): ?>
      background: url(images/1x1.gif);
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $stylesheet_directory; ?>/images/<?php echo $overlay; ?>', sizingMethod='scale');
    <?php endif; ?>
      height: 140px;
      position: relative;
      margin-bottom: 20px;

    im such a noob

    this is a link to my blog if it makes any difference

    Are you all sorted now azzatron? If not, which site are you referring to exactly? OR

    hi there, no im not sorted yet, thanks for the reply.
    the site im trying to put a header on is was the link to the theme im using..

    Im not sure what piece of code in what file i’m meant to be editing. Also, i dont exactly know how to format everything, etc.
    I’m still looking for a bit of help.



    Had the same problem and seen you are still having yours!

    Edit header.php
    Look for
    $bodytag = get_option(‘royale_inserts_body’);
    echo (preg_match(“/<body/i”,$bodytag) ? $bodytag : “<body onload=\”royale_init()\”>”);

    $tag_blogname = get_option(‘royale_tag_blogname’);
    $tag_blogdesc = get_option(‘royale_tag_blogdesc’);

    <div id=”header” class=”png”>
    <<?php echo $tag_blogname; ?> id=”blogname”>/”><?php bloginfo(‘name’); ?></<?php echo $tag_blogname; ?>>
    <<?php echo $tag_blogdesc; ?> id=”blogdesc”><?php bloginfo(‘description’); ?></<?php echo $tag_blogdesc; ?>>
    <ul class=”pages”>
    <li class=”page_item”>/”><?php _e(‘Home’,’royale’); ?>
    <?php wp_list_pages(‘sort_column=menu_order&depth=1&title_li=&exclude=’.get_option(‘royale_exclude_pages’)); ?>

    <div id=”page”>
    <?php echo get_option(‘royale_inserts_top’); ?>

    After this line:
    <div id=”header” class=”png”>

    <table width=”100%” height=”100″ border=”0″ cellpadding=”1″ cellspacing=”1″>
    <tr valign=”top”>
    <td><img src=”http://www.your image.jpg” width=”800″ height=”100″></td>

    You can size to your image.

    Hope this helped!

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘adding an image header to Royale 1.3 theme’ is closed to new replies.