Support » Themes and Templates » Text/shortcode over Featured Image in excerpts

  • I want to have the excerpt (I use a short code in this example) OVER the featured image, at the BOTTOM. I do NOT want it on the right/left or below the image.

    The following gives me the look I want, with a little issue (cannot have background color), but is the styling correct?

    Most importantly, I use the “max-height: 1px;” to get rid of a margin under the thumbnail (when the shortcode is over it), this margin is added by the shortcode item, I tried “margin: 0;” but it did not help, so I came up a with “max-height: 1px;” which seem to do the trick, but the downside is the I cannot use a “background-color:” with it.

    What is the best way to achieve this? Did I miss anything, should I change something?

    Post thumbnail css:

    border: 0;
    padding: 0;
    background: none;
    margin: 1px 3px 0 0;

    Excerpt:
    <div id="test">[shortcode]</div>

    CSS:

    div#player_y {
    	position: relative;
    	width: 127px;
    	max-height: 1px;
    	bottom: 25px;

Viewing 12 replies - 1 through 12 (of 12 total)
Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Text/shortcode over Featured Image in excerpts’ is closed to new replies.