Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 6, 2015 at 1:21 am #57222
    Amanda Barbosa
    Member

    Hi, I would like to write the titles of my posts on the featured image. How can I do this?

    Thank you very much.

    Amanda

    May 6, 2015 at 8:36 pm #57278
    Sakin
    Keymaster

    @Amanda Barbosa: Sorry I don’t get it what you mean. Can you explain more with your site URL.

    May 9, 2015 at 12:55 am #57412
    Amanda Barbosa
    Member

    Hi Sakin, Sorry.
    I’d like to write the title of my posts on the featured image, for example the same as this website: http://www.hypeness.com.br/
    I don’t know how to do that.

    May 9, 2015 at 8:27 am #57434
    Sakin
    Keymaster

    @Amanda Barbosa: Ok can you post in your site URL so that I can check in. I need to check your layout and images for this and then only I will know if this is possible or not. As this option in not there.

    May 11, 2015 at 8:41 pm #57529
    Amanda Barbosa
    Member

    Sure! Here we go: http://porumavidamaisrica.com/

    May 11, 2015 at 10:43 pm #57540
    Sakin
    Keymaster

    @Amanda Barbosa: Sorry this theme is not designed to do like that. But you can try adding in the following css in “Appearance => Customize => Theme Options => Custom CSS” box:

    @media screen and (min-width:768px) {
    .has-post-thumbnail .archive-post-wrap {
        position: relative;
    }
    .has-post-thumbnail .archive-post-wrap .entry-header {
        bottom: 200px;
        padding: 10px;
        position: absolute;
    }
    .has-post-thumbnail .archive-post-wrap .entry-title, 
    .has-post-thumbnail .archive-post-wrap .entry-title a {
        color: #fff;
    }
}
    May 13, 2015 at 12:56 am #57596
    Amanda Barbosa
    Member

    Thank you very much Sakin. This is what I needed. Only one more question. I suppose it’s better if I put a transparent box with some opacity on the content. What’s the code to add this on CSS? Sorry about this stupid question.

    May 13, 2015 at 10:37 pm #57659
    Sakin
    Keymaster

    @Amanda Barbosa: Ok then replace previous css with the following css:

    @media screen and (min-width:768px) {
    .has-post-thumbnail .archive-post-wrap {
        position: relative;
    }
    .has-post-thumbnail .archive-post-wrap .entry-header {
        background: #000;
	background: rgba(0, 0, 0, 0.7);
        bottom: 200px;
        padding: 10px;
        position: absolute;
    }
    .has-post-thumbnail .archive-post-wrap .entry-title, 
    .has-post-thumbnail .archive-post-wrap .entry-title a {
        color: #fff;
    }
}
    May 14, 2015 at 2:32 am #57676
    Amanda Barbosa
    Member

    Thanks a lot Sakin! It’s much better now!

    Cheers

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘How to write title on the top of the images?’ is closed to new replies.