• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Title Overlay on Featured Images

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Title Overlay on Featured Images

This topic is: not resolved

Tagged: featured images, overlay, title

  • This topic has 9 replies, 2 voices, and was last updated 13 years, 5 months ago by AnitaC.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 29, 2012 at 12:13 pm #2345
    AnitaC
    Keymaster

    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 help with customization or troubleshooting? Reach out to me.

    November 30, 2012 at 7:27 am #2484
    AnitaC
    Keymaster

    Is there anyone that can help on this?

     


    Need help with customization or troubleshooting? Reach out to me.

    January 31, 2013 at 6:53 pm #16911
    AnitaC
    Keymaster

    ...bump

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


    Need help with customization or troubleshooting? Reach out to me.

    January 31, 2013 at 7:14 pm #16918
    SoZo
    Member

    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

    January 31, 2013 at 8:05 pm #16942
    AnitaC
    Keymaster

    Sozo, does Agentpress work like that too?


    Need help with customization or troubleshooting? Reach out to me.

    January 31, 2013 at 8:12 pm #16945
    SoZo
    Member

    Sorry, work like what?


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

    January 31, 2013 at 8:12 pm #16946
    AnitaC
    Keymaster

    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 help with customization or troubleshooting? Reach out to me.

    January 31, 2013 at 8:17 pm #16948
    SoZo
    Member

    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

    January 31, 2013 at 8:19 pm #16950
    AnitaC
    Keymaster

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


    Need help with customization or troubleshooting? Reach out to me.

    January 31, 2013 at 8:41 pm #16953
    AnitaC
    Keymaster

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


    Need help with customization or troubleshooting? Reach out to me.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Title Overlay on Featured Images’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble