• 0
Sign in to follow this  
Followers 0

Site Logo Link without Header image link?

Question

Posted · Report post

Hi, I would like to only have my logo link (uploaded within Framework settings) and NOT have the header image link at all... please advise. Header image is placed via custom CSS code... Site background is set via framework settings.

#branding .content-pad {background:url(http://ctgarlicgrowers.com/wp/wp-content/uploads/images/lgvgheader.png) no-repeat scroll 0 0 transparent;
	    height: 232px;
	    margin-left: 0px;
	    margin-top: 0;
	    position: relative;
	    width: 1024px;
	  padding-bottom: 5px;
	    padding-top: 0;
	}
	#branding .mainlogo-link, #branding .mainlogo-img {
	    display: block;
	    margin-left: 207px; margin-top:0px;
	    max-width: 100%;
	}
	#branding .texture {height:232px;
	}
	

Share this post


Link to post
Share on other sites

6 answers to this question

  • 0

Posted · Report post

Hi, I think you're essentially trying to create an old-fashioned mapped link in which you provide a range of coordinates for your image and everything within is linked, all the things outside are unlinked. Is this correct? You might find this a helpful explanation: http://www.noobcube.com/tutorials/html-css/css-image-maps-a-beginners-guide-/ This might help: http://www.marketingtechblog.com/css-image-map/ as might this: http://www.w3schools.com/tags/tag_map.asp You can always map the image in a hook, but let's see if we can find simpler solutions first.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi there, Instead of this: [code]#branding .mainlogo-link, #branding .mainlogo-img { display: block; margin-left: 207px; margin-top:0px; max-width: 100%; }[/code] Try this; [code]#branding .mainlogo-link, #branding .mainlogo-img { display:block; max-width: 100%; margin: 0 auto; width: 197px; }[/code] Let me know if that works for you. Nick

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Nicks code worked... but to clarify... my header graphic is NOT part of the logo.. it sits behind in background of the brand logo which is uploaded... So now... another problem... I thought this area was interfering with the search bar... css code to bump up the z index... is not working with this code: [code].searchform { z-index: 10 !important; }[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Since you are using fixed width, you could have a quick and dirty fix, by absolute alignment of the searchbar. position:absolute; top:10px; left:10px; or something like that...

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

[code].searchform { z-index: 100; }[/code] ... works. Just had to bump the z-index number up high enough. :)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Yes, that worked. thanks

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0