Overlay text, title, tags, etc on image

  • Is it possible to overlay text on the featured image? The first two images under the “Featured Properties” section on the linked page are displayed using WP Show Posts, the ones below are just a 2 column layout with a text background.

    Ideally, I would like to use WP Show Posts to show my desired posts, and also overlay certain text on top of the image. For example the post title, a tag, or even a custom field.

    Is there a way to do this?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Try something like this (for the posts titles):

    h2.wp-show-posts-entry-title a{color:#fff;position:relative;display:block;bottom:-3em;margin-left:0.8em}

    You still need tot put the shortcodes in a span with a CSS ID/class to be able to address the CSS to the right shortcode/block.

    Instead of using a span, you can also add the ID of the postlist to the CSS, like this:

    .wp-show-posts-columns#wpsp-311 h2.wp-show-posts-entry-title a{color:#fff;position:relative;display:block;bottom:-3em;margin-left:0.8em}

    The ‘311’ is the unique ID from the post list, which is shown in the shortcode.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Overlay text, title, tags, etc on image’ is closed to new replies.