Title in the post

Resolved glados
(@glados)

9 years, 8 months ago

Hey,

I make a preview via PS, it’s possible something like that http://www.jpeg.cz/images/2016/10/16/2LhZt.jpg?
/ first post title in the bottom of the post, Thanks 😉

original at http://souls.funsite.cz/

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

Plugin Author

(@iulia-cazan)

Sure, you could add a new class for the section like for example overlay-title, and then create the styles for it (you could use something like below as the starting point, but you should customize it as you see fit).


.overlay-title article h1 { position: absolute; bottom: 0px; box-sizing: border-box; display: block; width: 100%; line-height: 2.2rem; margin-bottom: 0px; background: rgba(200,200,10,0.6); padding: 5px; z-index: 1; }

.overlay-title article img { position: relative; width: 100%; box-sizing: border-box; } 

.overlay-title article { position: relative; box-sizing: border-box; overflow: hidden; padding: 0px; }

This reply was modified 9 years, 8 months ago by Marius L. J..
This reply was modified 9 years, 8 months ago by Iulia Cazan.

Plugin Author

Iulia Cazan

(@iulia-cazan)

9 years, 8 months ago

Yes, you can customize the articles look as described. I would define a new css class, for example overlay-title for that section and add something like this.


.overlay-title article h1 {
    position: absolute;
    bottom: 0px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    line-height: 2.2rem;
    margin-bottom: 0px;
    background: rgba(200, 200, 10, 0.6);
    padding: 5px;
    z-index: 1
}
.overlay-title article img {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
.overlay-title article {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0px;
}

However, you should customize it as you see fit.

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

The topic ‘Title in the post’ is closed to new replies.