Title Overlay on Featured Images, overlay not clickable?

Community Forums Forums Design Tips and Tricks Title Overlay on Featured Images, overlay not clickable?

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  LauraB 4 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #65229

    LauraB
    Participant
    Post count: 14

    I’ve been experimenting with overlaying the title on top of the featured images, and have come up with some good results.

    Link: http://development.danceworksstudio.com/ (user/pass: studiopress)

    The image is clickable, and the text of the title is clickable. (Mostly by using a negative margin.) However the overlay (the background color area of the title) is not clickable. Am I missing something? Is there a way to make this area link to the same area as the title?

    I was even able to get the overlay to change on hover (cool!), however if it is not clickable that seems like a bad practice, and I’ll need to turn it off.

    I’m using the Featured Widget Amplified, and here is my CSS if interested:
    #featured-post-3 h2 {
    background-color: #150f07;
    color: #FFFFFF;
    font-family: Oswald;
    font-size: 16px;
    font-size: 1.6rem;
    margin: -48px 0px 0px 0px;
    padding: 8px 0px 10px 10px;
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    }

    #featured-post-3 h2:hover {
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
    }

    #featured-post-3 h2 a {
    color: #FFFFFF;
    text-decoration: none;
    }

    #featured-post-3 a:hover {
    color: #FFFFFF;
    text-decoration: none;
    }

    • This topic was modified 6 months, 2 weeks ago by  LauraB.
    • This topic was modified 6 months, 2 weeks ago by  LauraB.
    http://development.danceworksstudio.com/
    #75465

    nutsandbolts
    Moderator
    Post count: 2615

    I see that the dev site is gone, which I hope means you finished the site and it’s live now. If you still need help, let us know!


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I do Genesis tutorials, design and development, and other fun stuff • Find me on Twitter and Google+

    #80541

    LauraB
    Participant
    Post count: 14

    The site has gone live at: http://danceworksstudio.com/

    The issue is still there…

    For example on the Getting Started image, the image is clickable, and the actual text “Getting Started” is clickable, but the overlay (the background color area of the title) is not clickable. I wish there was a way to make this clickable.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.