closed resolvedI 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?
Devin
Moderator
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'>
<?phpYou 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>
<?phpThen 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
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!
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
