[Amanda Barbosa]

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

[Sakin]

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

[Amanda Barbosa]

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.

[Sakin]

@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.

[Amanda Barbosa]

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

[Sakin]

@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;
    }
}

[Amanda Barbosa]

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.

[Sakin]

@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;
    }
}

[Amanda Barbosa]

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

Cheers

[Author]

Posts