Support » Themes and Templates » Logo Integration into inove Theme header

  • I’m trying to use a logo in my inove theme header and don’t know what I need to tweak to make this happen.

    Have you done this or do you have any advice?

Viewing 15 replies - 1 through 15 (of 23 total)
  • Hey, man
    Please open your style.css, find #title a {, and change

    #title a {

    text-decoration:none;

    color:#FFF;

    /*width:250px;*/

    height:30px;

    display:block;

    font-family:”Trajan Pro”;

    letter-spacing:0;

    }

    /* image blog title */

    /*

    #title a {

    background:url(img/title.gif) no-repeat;

    text-decoration:none;

    color:#FFF;

    width:250px;

    height:30px;

    text-indent:-999em;

    display:block;

    }

    */

    to

    /*
    #title a {

    text-decoration:none;

    color:#FFF;

    /*width:250px;*/

    height:30px;

    display:block;

    font-family:”Trajan Pro”;

    letter-spacing:0;

    }

    */
    /* image blog title */

    #title a {

    background:url(img/title.gif) no-repeat;

    text-decoration:none;

    color:#FFF;

    width:250px;

    height:30px;

    text-indent:-999em;

    display:block;

    }

    I just tried this and am missing something.

    http://www.dealerinternet101.com

    I uploaded my logo to the img folder. I replaced img/title.gif with img/DealerInternet101Logo.gif.

    Any suggestions about what I’m missing? Any examples of inove themes with logo integration?

    One way to do it is just edit the header-footer image and add your logo to that image. I’ve done that to add several different images on one of my sites…see below. Just refresh the screen to see other headers.

    http://educhalk.org

    How would I remove the text in the header?

    Also, do you have any tutorials available that explain how-to edit the header-footer image?

    Thanks for the assist!

    Just look open style.css in the theme and look for the following code:

    #title a {
    color:#FFFFFF;
    display:block;
    font-family:"Trajan Pro";
    height:30px;
    letter-spacing:0;
    text-decoration:none;
    }
    #tagline {
    border-top:1px solid #FFFFFF;
    color:#FFFFFF;
    float:left;
    font-size:10px;
    padding:0 3px;
    text-decoration:none;
    }

    Just add display:none; to both of those like so, to remove the title and tagline from the header:

    #title a {
    color:#FFFFFF;
    display:none;
    font-family:"Trajan Pro";
    height:30px;
    letter-spacing:0;
    text-decoration:none;
    }
    #tagline {
    display:none;
    border-top:1px solid #FFFFFF;
    color:#FFFFFF;
    float:left;
    font-size:10px;
    padding:0 3px;
    text-decoration:none;
    }

    I edit the image in Photoshop…I don’t have any tutorials yet, but if you have access to Photoshop, click on my avatar and request what you want on my site and I’ll add that to my list of videos to make.

    Here is a video showing one way to customize the iNove header with PhotoShop.

    Create Custom Header for iNove WordPress Theme with PhotoShop

    Any ideas why the title is still in the modified header? Thanks for all the help thus far!

    http://www.dealerinternet101.com

    /* header START */
    #header {
    background:url(img/header_footer.jpg) 0 0 no-repeat;
    height:132px;
    }
    #caption {
    height:44px;
    padding:25px 30px 21px;
    }

    /*
    #title a {
    text-decoration:none;
    color:#FFF;
    }

    /*width:250px;*/
    height:30px;
    display:block;
    font-family:”Trajan Pro”;
    letter-spacing:0;
    }

    */
    /* image blog title */

    #title a {
    color:#FFFFFF;
    display:none;
    font-family:”Trajan Pro”;
    height:30px;
    letter-spacing:0;
    text-decoration:none;
    }
    #tagline {
    display:none;
    border-top:1px solid #FFFFFF;
    color:#FFFFFF;
    float:left;
    font-size:10px;
    padding:0 3px;
    text-decoration:none;
    }

    #navigation {
    margin:1px 0;
    }
    #menus li {
    display:inline;
    list-style:none;
    }
    #menus li a {
    background:transparent url(img/menu.gif) no-repeat;
    display:block;
    color:#382E1F;
    height:31px;
    line-height:31px;
    padding:0 20px;
    margin-left:-10px;
    text-decoration:none;
    font-size:11px;
    float:left;
    z-index:1;
    }
    #menus li a:hover {
    background-position:0 -31px;
    }
    #menus li.current_page_item a,
    #menus li.current-cat a {
    background-position:0 -62px;
    }
    #menus li a.home {
    background-position:0 -93px;
    width:45px;
    padding:0;
    margin-left:0;
    text-indent:-999em;
    }
    #menus li a.home:hover {
    background-position:0 -124px;
    }
    #menus li.current_page_item a.home {
    background-position:0 -155px;
    }
    #menus li a.lastmenu:hover {
    background-position:0 0;
    }
    #searchbox {
    width:280px;
    float:right;
    padding:4px 10px;
    }
    #searchbox .textfield {

    line-height:16px;
    width:180px;
    float:right;
    }
    #searchbox .switcher {
    background:url(img/icons.gif) 0 0 no-repeat;
    float:right;
    width:18px;
    height:22px;
    line-height:16px;
    display:block;
    text-indent:-999em;
    float:right;
    padding:0 2px;
    height:16px;
    margin-top:3px;
    }
    /* header END */

    For future reference, you don’t need to post all the css code, just provide a link and we can see the css in our browser.

    Looks like you tried to comment it out, but just didn’t do it correctly. Just delete the following code from style.css

    /*
    #title a {
    text-decoration:none;
    color:#FFF;
    /*width:250px;*/
    height:30px;
    display:block;
    font-family:"Trajan Pro";
    letter-spacing:0;
    }
    */

    It worked! Thanks for all the help!

    Figaro – thanks for being so helpful.

    You’re welcome.

    I have managed to upload a logo onto my site but I cannot for the life of me get rid of the tag line.

    I’ve fiddled with it so it looks like an underline beneath the word “cronkle” but I’d like to get rid of it altogether.

    The orginal author of the theme explains to remove a specific line of text/code from the template/header php file but… that line of text/code isn’t there! Can anyone help please?

    Here’s my site

    I’ll try again…

    Here’s my site – cronkle.com

    Oh, I forgot something else…

    I am also struggling with the ‘more’ tag too.

    I have a lengthy article on the home page (in fact it’s my ONLY article so far :)) and I really wanted a just few lines before anyone wishing to read on could click on the link.

    I’ve tried inserting the code as per the instructions without success.

    Even the visual editor doesn’t work though the ‘more’ line shows as been inserted in the right place.

    Any help guys?

    Look for #tagline { in your style.css file and add display:none; after it…look up a few replies where I show how to do this.

Viewing 15 replies - 1 through 15 (of 23 total)
  • The topic ‘Logo Integration into inove Theme header’ is closed to new replies.