WordPress.org

Ready to get started?Download WordPress

Forums

Logo Integration into inove Theme header (24 posts)

  1. dealerinternet101
    Member
    Posted 5 years ago #

    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?

  2. mg12
    Member
    Posted 5 years ago #

    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;

    }

  3. dealerinternet101
    Member
    Posted 5 years ago #

    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?

  4. figaro
    Member
    Posted 5 years ago #

    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

  5. dealerinternet101
    Member
    Posted 5 years ago #

    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!

  6. figaro
    Member
    Posted 5 years ago #

    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.

  7. figaro
    Member
    Posted 5 years ago #

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

    http://educhalk.org/blog/?p=32

  8. dealerinternet101
    Member
    Posted 5 years ago #

    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 */

  9. figaro
    Member
    Posted 5 years ago #

    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;
    }
    */
  10. dealerinternet101
    Member
    Posted 5 years ago #

    It worked! Thanks for all the help!

  11. newcasl
    Member
    Posted 5 years ago #

    Figaro - thanks for being so helpful.

  12. figaro
    Member
    Posted 5 years ago #

    You're welcome.

  13. Captain Cronkle
    Member
    Posted 5 years ago #

    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

  14. Captain Cronkle
    Member
    Posted 5 years ago #

    I'll try again...

    Here's my site - cronkle.com

  15. Captain Cronkle
    Member
    Posted 5 years ago #

    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?

  16. figaro
    Member
    Posted 5 years ago #

    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.

  17. Captain Cronkle
    Member
    Posted 5 years ago #

    Thanks figaro.

    All sorted! You are THE man.

  18. figaro
    Member
    Posted 5 years ago #

    Great...you're welcome.

  19. jessier88
    Member
    Posted 5 years ago #

    Figaro,
    I love your tutorials. Adding my logo to the iNove header worked perfectly. Do you know how to make it clickable so people can return home?

  20. lirume
    Member
    Posted 5 years ago #

    Thanks!!! Figaro, I was just having a hard time with my Title and Tagline and you made my life easier...

  21. benclb
    Member
    Posted 5 years ago #

    Figaro,
    Thank you for your help with my Logo etc.

    I have a new problem. If you please go to blogg.peranit.se and to the page "Kalender" - you don't see my logotype. Why?

  22. figaro
    Member
    Posted 5 years ago #

    You are using the no-sidebar page template on that page and it uses a different header-footer image. It's called header_footer_1col.jpg. You will need to apply the same changes to that image that you applied to header_footer.jpg.

  23. benclb
    Member
    Posted 5 years ago #

    Perfect!!! Thank you very much.

  24. figaro
    Member
    Posted 5 years ago #

    You're welcome...glad you got it fixed.

Topic Closed

This topic has been closed to new replies.

About this Topic