Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #13406

    I want to replace the logo (area) in my Angular-themed site with something like this http://envisage-design.co.nz/images/envisage-logo.htm

    You can see how the current logo looks here http://envisage-design.co.nz/

    What would be the best way to do this?

    #79119

    Hey envisagedesign,

    In your header.php search for this line:

    echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png');

    That is the function call to output the theme logo you set in the backend or the default one. Looking at your example, I would suggest just commenting that out or deleting it. Then go up a few lines to where you see:

    <div class='container'>

    <?php

    You can add your new logo content in between those two so that you don’t have to bother with php and can just add in the straight html/css. So something like:

    <div class='container'>
    <h1 class='logo'><a href='http://envisage-design.co.nz/'><img src=http://210.48.67.31/envisage-design.co.nz/images/logo3.jpg alt='' /></a></h1>
    <?php

    Then you can change the logo H1 to your other logo area design and modify the CSS to adjust it as needed. Keep your css changes to custom.css in the css folder and save a copy of the header.php so that when you update the theme in the future you can re-add these changes.

    Regards,

    Devin

    #79120

    That did the trick – thanks!

    I now a 4-link mouseover graphic of my logo in the header. It busts a line when viewed on a smartphone but, meh – that’s the price of progress!

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Replace logo with mouseovers’ is closed to new replies.