Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

Add Logo image within the header image


  #1  
Old Mar 21, 2012, 07:56 AM
jkfly4
 
115 posts · Nov 2009
Hi

Is it easy to add my clickable logo image into my header image ?

Thanks
  #2  
Old Mar 21, 2012, 08:04 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
depends onhow you define easy. see the 'Overlay Header Image' option
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Mar 21, 2012, 08:15 AM
jkfly4
 
115 posts · Nov 2009
Hi

Found that option, thanks.

Is ther a way to have it at the left of the header image, or do I just leave a blank gap to where it is located.

Thanks for your time.
  #4  
Old Mar 21, 2012, 08:40 AM
jkfly4
 
115 posts · Nov 2009
Is your thread still revent on the latest:

http://forum.bytesforall.com/showthread.php?t=2729

In the ATO - do I add the code to the HTML inserts: header section and is this the code for a clickable logo.

<div id="mylogoimage">
<ul>
<li><a href="http://www.mysite">
<img src="<?php echo site_url(); ?>/wp-content/images/mylogoimage/></a></li>
</ul>
</div>

Any help again would be most appreciated.

Many thanks
  #5  
Old Mar 21, 2012, 09:20 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you can't use the php - just put in the fully qualified path to the image
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Mar 21, 2012, 09:50 AM
jkfly4
 
115 posts · Nov 2009
Thanks

Unsure what it should look like ?

<div id="mylogoimage">
<ul>
<a href="http://www.mysite">
</ul>
</div>
  #7  
Old Mar 21, 2012, 10:48 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
well that would give you half of a link but no image. Look at the example that is given next to the option
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Mar 21, 2012, 02:57 PM
jkfly4
 
115 posts · Nov 2009
Sorry to waste your time, is it this ?


<a href="http://www.mysite.com/"><img alt="mysite" src="http://www.mysite.com/wp-content/themes/atahualpa/images/radlogo.jpg" class="logo"></a>

Then do I add it to the HTML inserts: header section

Cheers
  #9  
Old Mar 21, 2012, 03:53 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
The documentation for the Overlay Header Image shows the example
HTML Code:
<div id="header_image_sociable">
  <ul>
    <li><a href="http://www.facebook.com/myid">
      <img src="<?php echo site_url(); ?>/wp-content/images/facebook.jpg" alt="Facebook" /></a></li>
    <li><a href="http://www.twitter.com/myid">
      <img src="<?php echo site_url(); ?>/wp-content/images/twitter.jpg" alt="Twitter" /></a></li>
  </ul>
 </div>
since you only have one item and you can't use the php it would look like this
HTML Code:
<div id="header_image_sociable">
<a href="http://yourdomain.com">
      <img src="http://yourdomain.com/wp-content/images/facebook.jpg" alt="Facebook" /></a> </div>
and then you would use the css
HTML Code:
#header_image_sociable {position: absolute; right:40px; top: 20px;}
you can change the class name to suit your needs and the positions to adjust the logo where you want it.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #10  
Old Mar 23, 2012, 05:26 AM
jkfly4
 
115 posts · Nov 2009
Hi

Thanks for you patients,

I tried placing it in the Header inserts:image section, not sure its meant to go there as it doesn't work.

And the CSS code in the Overlay Header Image box. Any more simple instruction you could give me.



Sorry
  #11  
Old Mar 23, 2012, 05:54 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
The CSS goes in ato->add HTML/CSS inserts-> CSS inserts
The HTML goes in the 'Overlay Header Image' option
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #12  
Old Mar 23, 2012, 06:34 AM
jkfly4
 
115 posts · Nov 2009
Many thanks

Sorry to drag it out for you.

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Header image not loading/fading &amp; also overlaying logo image shilldiy Header configuration & styling 5 Jul 16, 2010 06:22 AM
Can I make the logo image overlaid on the header image? essdeeay Header configuration & styling 1 Jun 16, 2010 05:23 PM
header image as background image for logo area soni Atahualpa 3 Wordpress theme 8 Apr 2, 2010 03:05 AM
If I Leave The Logo Image Field Blank, It Displays Broken Image Icon in Header psaltriparus Header configuration & styling 1 Oct 20, 2009 09:30 AM
[SOLVED] why insert image into image header in place to the blogtitle (like a logo) ? gilles Header configuration & styling 1 Sep 5, 2009 04:14 AM


All times are GMT -6. The time now is 06:23 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.