StudioPress Community Forums
  StudioPress Community Forums > Forums > General Discussion
For help and support, access to your downloads, or to manage your account please log into My StudioPress.

These forums have been set to read-only so you can browse the existing topics for any questions you may have -- and this forum will be removed on July 1st, 2013.

For general discussion on WordPress, CSS and design (NOT for support) visit the new Community Forums.
 
 
Thread Tools Display Modes
  #1  
Old 05-09-2012, 09:13 AM
gina-cc gina-cc is offline
Registered User
Pro Plus Member
 
Join Date: Oct 2010
Posts: 8
Exclamation How can I make a background image a link on the homepage

I need to make the main graphic on http://www.cohnmoscarelli.com/ (eye w/ Learn more banner) clickable. the graphic is a background image

CSS:

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

#home-top {
background: url("images/home-top-bg.png") no-repeat scroll 0 0 transparent;

color: #808285;

height: 376px;

margin: 0;

overflow: hidden;

padding: 0;

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


the image should link to: http://www.cohnmoscarelli.com/cohn-m...joins-findlaw/



how can I do this?
Thanks for the help!
  #2  
Old 05-09-2012, 10:05 AM
NicktheGeek's Avatar
NicktheGeek NicktheGeek is offline
Forum Manager
 
Join Date: Feb 2010
Posts: 62,650
Default

background images cannot be turned into links. You can add a link and set that to have a background image.
__________________
Nick "Fred and/or George Weasley" Croft
Designs by Nick the Geek
@Nick_theGeek on Twitter

Make web design easier, get FireBug for FireFox

Want to learn more about Genesis? Check out my Genesis Explained Series

  #3  
Old 05-09-2012, 12:46 PM
gina-cc gina-cc is offline
Registered User
Pro Plus Member
 
Join Date: Oct 2010
Posts: 8
Default

how do I do that?
  #4  
Old 05-10-2012, 08:34 AM
NicktheGeek's Avatar
NicktheGeek NicktheGeek is offline
Forum Manager
 
Join Date: Feb 2010
Posts: 62,650
Default

you have to add a link to your site with a unique class or ID you can target, then you use CSS to set it to display block and have specific height and width as well as the background you want.
__________________
Nick "Fred and/or George Weasley" Croft
Designs by Nick the Geek
@Nick_theGeek on Twitter

Make web design easier, get FireBug for FireFox

Want to learn more about Genesis? Check out my Genesis Explained Series

 

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Make Logo Link To Homepage NateP General Discussion 11 06-21-2009 09:51 PM


All times are GMT -5. The time now is 04:11 AM.

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.