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

    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'>


    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=''><img src= alt='' /></a></h1>

    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.




    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.