GetSimple Support Forum
Adding a header image in Innovation theme - Printable Version

+- GetSimple Support Forum (http://get-simple.info/forums)
+-- Forum: GetSimple (http://get-simple.info/forums/forumdisplay.php?fid=3)
+--- Forum: General Questions and Problems (http://get-simple.info/forums/forumdisplay.php?fid=16)
+--- Thread: Adding a header image in Innovation theme (/showthread.php?tid=1683)

Adding a header image in Innovation theme - jnogues - 2011-05-09

Hi everybody. I'm starting whith GetSimple. Is very good, but I can't put a logo or
image in the header of the pages, in Innovation theme. Somebody could help me?

Thanks from Barcelona.

Jaume

Adding a header image in Innovation theme - Connie - 2011-05-09

Jaume, benvinguts!

Just open header.php in the innovation theme (going to theme/edit templates) and see here:

Code:
<header>
        <div class="header">
            <div class="wrapper">
                
                <!-- logo/sitename -->
                <a href="<?php get_site_url(); ?>" id="logo" ><?php get_site_name(); ?></a>
                
                <!-- main navigation -->
                <nav id="main-nav">
                    <ul>
                        <?php get_navigation(get_page_slug(FALSE)); ?>
                    </ul>
                </nav>
            </div>
        </div>

add here the content which you want to use in the header

Adding a header image in Innovation theme - jnogues - 2011-05-09

Thanks, but where exactly go the path of the image?

Jaume

Adding a header image in Innovation theme - Connie - 2011-05-09

jnogues Wrote:Thanks, but where exactly go the path of the image?

Jaume

well, I do not know the path to the image, because I do not know where you uploaded it

read the WIKI, there is info about template tags: http://get-simple.info/wiki/themes:template_tags

you can either use an absolute path to the location of the image or you can use the template tag

get_site_url()

in the src-parameter of the img-directive

you can also tell us what you already entered in the header, give us an URL to check

Cheers, Connie

Adding a header image in Innovation theme - jnogues - 2011-05-09

Sorry for my incompetence. My web is http://jnogues.awardspace.biz/GetSimple
The logo is in the next path: /GetSimple/theme/Innovation/images/sc_header.jpg
What I need to change in header.php?

Thanks

Adding a header image in Innovation theme - Djinn - 2011-05-12

I thought some one would post an example! I noticed youve found out how to do it now, but for someone else's benefit if they are looking for the same thing here's one I found.

Code:
<!-- Begin Header -->
    <div id="header">
        <a class="logo" href="<?php get_site_url(); ?>"><img src="<?php get_theme_url(); ?>/images/gs_pencil.png" alt="SimpleTheme!" width="92" height="90"/><?php get_site_name(); ?></a>
        <p class="tagline"><?php get_component('tagline'); ?></p>        
    </div>
<!-- End Header -->


RE: Adding a header image in Innovation theme - puncakpass - 2019-11-08

(2011-05-12, 19:52:17)Djinn Wrote: I thought some one would post an example! I noticed youve found out how to do it now, but for someone else's benefit if they are looking for the same thing here's one I found.

Code:
<!-- Begin Header -->
   <div id="header">
       <a class="logo" href="<?php get_site_url(); ?>"><img src="<?php get_theme_url(); ?>/images/gs_pencil.png" alt="SimpleTheme!" width="92" height="90"/><?php get_site_name(); ?></a>
       <p class="tagline"><?php get_component('tagline'); ?></p>        
   </div>
<!-- End Header -->

on inovation theme , i need to modified a bit to make it works

Code:
    <!-- site header -->
    <header>
        <div class="header">
            <div class="wrapper">
                
                <!-- logo/sitename -->
         <a class="logo" href="<?php get_site_url(); ?>"><img src="/theme/Innovation/images/logo.png" alt="penginapan ciawi" width="170" height="100"/></a>
                
                <!-- main navigation -->
                <nav id="main-nav">
                    <ul>
                        <?php get_navigation(get_page_slug(FALSE)); ?>
                    </ul>
                </nav>
            </div>
        </div>


RE: Adding a header image in Innovation theme - Surong21 - 2019-11-11

(2019-11-08, 14:04:23)puncakpass Wrote:
(2011-05-12, 19:52:17)Djinn Wrote: I thought some one would post an example! I noticed youve found out how to do it now, but for someone else's benefit if they are looking for the same thing here's one I found.

Code:
<!-- Begin Header -->
   <div id="header">
       <a class="logo" href="<?php get_site_url(); ?>"><img src="<?php get_theme_url(); ?>/images/gs_pencil.png" alt="SimpleTheme!" width="92" height="90"/><?php get_site_name(); ?></a>
       <p class="tagline"><?php get_component('tagline'); ?></p>        
   </div>
<!-- End Header -->

on inovation theme , i need to modified a bit to make it works

Code:
    <!-- site header -->
    <header>
        <div class="header">
            <div class="wrapper">
                
                <!-- logo/sitename -->
         <a class="logo" href="<?php get_site_url(); ?>"><img src="/theme/Innovation/images/logo.png" alt="penginapan ciawi" width="170" height="100"/></a>
                
                <!-- main navigation -->
                <nav id="main-nav">
                    <ul>
                        <?php get_navigation(get_page_slug(FALSE)); ?>
                    </ul>
                </nav>
            </div>
        </div>

Thank you for detailing it, the modification of this code did help me.

RE: Adding a header image in Innovation theme - ritongeo - 2019-12-02

Where i can find header.php? Sorry for the stupid question Smile