Title Overlay on Featured Images

[anitacModerator Post count: 3068]

I have a client that wants the “News Theme” but wants the Title of the Post overlaid on the Featured Image instead of above, beside or below the image. I found this and wanted to try to use but it’s too complicated for me. I don’t understand a lot of it and it’s not Genesis specific. Can someone give me some starting point to possibly do this so I can sell my client on Studiopress and not Themeforest? I haven’t instructed him to buy the News Theme because of this.

http://wplift.com/how-add-text-featured-images-different-scenarios.

---

Need customization services or other help? Visit me here: Cre8tiveDiva.com | Twitter: @thecre8tivediva
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[anitacModerator Post count: 3068]

Is there anyone that can help on this?

 

---

Need customization services or other help? Visit me here: Cre8tiveDiva.com | Twitter: @thecre8tivediva
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[anitacModerator Post count: 3068]

…bump

Is there anyone out there that can help with this? I am trying to help someone else on here – http://www.studiopress.com/forums/topic/outreach-theme-move-home-widget-area/#post-16877.

---

Need customization services or other help? Visit me here: Cre8tiveDiva.com | Twitter: @thecre8tivediva
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[SoZoModerator Post count: 1573]

Overlay is done through positioning and z-index. You could take a look at how the date is placed atop the featured image in the Decor theme for an example.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[anitacModerator Post count: 3068]

Sozo, does Agentpress work like that too?

---

Need customization services or other help? Visit me here: Cre8tiveDiva.com | Twitter: @thecre8tivediva
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[SoZoModerator Post count: 1573]

Sorry, work like what?

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[anitacModerator Post count: 3068]

Okay, so I found this in Decor – but cannot find how to apply it to the Title to overlay the image:

.post-date {

    background-color: #FFFFFF;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
    color: #7D7D7D;
    display: block;
    font-size: 14px;
    padding: 20px 10px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -2px;
    width: 100px;
    z-index: 999;

}

---

Need customization services or other help? Visit me here: Cre8tiveDiva.com | Twitter: @thecre8tivediva
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[SoZoModerator Post count: 1573]

What is the selector for the title? h1.entry-title right? You’d add a position and z-index property to that rule.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[anitacModerator Post count: 3068]

Ahhh, I saw h1 but not the “title” part.  Let me go see now!

---

Need customization services or other help? Visit me here: Cre8tiveDiva.com | Twitter: @thecre8tivediva
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[anitacModerator Post count: 3068]

Crap, I can’t get it to work on my News theme and I am trying to help Paul over here too.

---

Need customization services or other help? Visit me here: Cre8tiveDiva.com | Twitter: @thecre8tivediva
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[Author]

Posts