Move page titles lower on Ethos portfolio index

[Omwoods]

I’m customizing the Ethos Portfolio index page to the best of my ability. I’ve put in the following CSS in Theme Options. It’s otherwise great except that I’d like for the text (Portfolio item title) to be lower on the image boxes - not towards the top of the image box. (I’ll give you page access details in a following post.) How to move the text lower from where it’s now - while keeping the image covered by the background color as it’s set up?

.h-entry-cover {
font-size: 2em;
letter-spacing: 0.2px;
font-family: “Red Hat Text”,sans-serif;
text-transform: none;
font-style: normal;
line-height: 1.3;
color: #fff;
}

.h-entry-cover span {
white-space: normal;
overflow: inherit;
}

.h-entry-cover {
top: 0%;
bottom: 0%;
background-color: rgba(159,222,232, 0.3);
}

.entry-cover:hover .h-entry-cover:before {
background-color: rgba(175, 183, 215, 0.2);
}

[ruenel]

Hello Bhakti,

Thanks for writing in!

Are you are trying to display the items like this?

If that is the case, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-iso-container .h-entry-cover {
    top: auto;
    bottom: 0%;
}

We would love to know if this has worked for you. Thank you.

[Omwoods]

Thanks for this! Yes, I’m trying to get the text where you now have it on the screenshot. BUT, I’d like for the opaque cover to stay completely over the thumbnails images. So that the thumbnails are 100% covered by the opaque layer. But the text alone moves lower on the thumbnail (because it would always cover people’s faces etc on the images, it would be better on the lower side of the image).

[ruenel]

Hello Bhakti,

If that is the case, please use this code instead:

.x-iso-container .h-entry-cover {
    top: auto;
    bottom: 0%;
    padding-top: 6em;
}

We would love to know if this has worked for you. Thank you.