Post Title and Meta Overlay Featured Image

  • Posted in : TheBlogger
  • flunderbar
    Participant

    Hello,
    yesterday I purchased TheBlogger theme because I really like the Overlay Look like it is shown in the Lisa or Milo Demo.
    Unfortunately I now ascertained, that this look is only possible in the Main Slider or Link Box Widget.
    Is there any way to do this title and meta overlay also on all the featured images of the posts in the grid?
    I really hope for help! This was the main reason why I purchased the theme.
    Regards Rebekka

    serkan
    Moderator

    Hi Rebekka,
    You can use this custom css code;

    .featured-image:before {
        content: ""; position: absolute;  top: 0;  left: 0; right: 0;
        bottom: 0;  background: #2b2b28; opacity: .3;  z-index: 2; }

    http://www.pixelwars.org/forums/topic/how-to-use-custom-css-for-wordpress-themes/
    Thanks

    flunderbar
    Participant

    Thank you for the quick response. Sadly it doesn’t work. The only thing that’s changing is that the featured images in the grid are getting a bit darker.
    The Title an Meta are still UNDER the image not IN the image.

    serkan
    Moderator

    Hi,
    You can use the overlay style for the single blog posts but for the general grid structure, it is not possible to apply the overlay layout for the featured area. You can move the meta above title, below title, and below content. The code I create gives an overlay of the featured image.

    ahmetsali
    Keymaster

    Hi, overlay grid layout is not yet available but it is on our update list.

    Have a nice day!

    flunderbar
    Participant

    Thank you!
    I’m really looking forward to the new update now.
    A ‘stick to the edges’ grid-style with no space between the featured images would be grat with it.

    Keep up the good work. :)

    ahmetsali
    Keymaster

    you are welcome ;) you can use this custom css code for gapless grid;

    .blog-grid-wrap { margin: 0; }
    .blog-grid .hentry { padding: 0; }
    .blog-grid .hentry-middle{ padding: 1.8em 2.2em; }
    
Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register