Jump to content
Sign in to follow this  
alisamski

Site Logo Link without Header image link?

Recommended Posts

alisamski+    8
alisamski

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
Rob    547
Rob
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.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
beardedavenger    158
beardedavenger
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

Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
alisamski+    8
alisamski
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
gyoery    2
gyoery
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
Jenny    33
Jenny
[code].searchform { z-index: 100; }[/code] ... works. Just had to bump the z-index number up high enough. :)

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
alisamski+    8
alisamski
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  

×