Making text sticky to image block

Hello!

On my "meet the fellows page" on stemnetx.org, I'm trying to make the text of their names stay with their pictures. All of them are doing so except the last row and I'm not sure why.

I have tried:

@media screen and (min-width:768px) {
#block-ca412a121bd46681a338, #block-#block-79b130fb6d30c818f6ba, #block-#block-c5ccd986fe789158eef0 {
    position: sticky;
    top: 0;
    position: -webkit-sticky;
    z-index: 999;
}
}

But it is doing absolutely nothing. Can anyone help?

You mean make text over image when hover on each image?

Honestly my dear tuanphan, all of my questions thus far have been easily answered by realizing I'm turning off/on capabilities that are programmed in.

But I am still running into this issue:

I have both my news section and blog section set up as blog pages. I cannot seem to get the author/date turned off on my news page without it also shutting it off on my blog page.

www.stemnetx.org

Is there anyway to only have it show up on my blog page?

On 4/16/2024 at 2:35 AM, Arielb333 said:

Honestly my dear tuanphan, all of my questions thus far have been easily answered by realizing I'm turning off/on capabilities that are programmed in.

 

But I am still running into this issue:

 

I have both my news section and blog section set up as blog pages. I cannot seem to get the author/date turned off on my news page without it also shutting it off on my blog page.

www.stemnetx.org

 

Is there anyway to only have it show up on my blog page?

You can use this code to Website > Website Tools > Custom CSS

body.collection-65a8255d13d55f6f1301cfd9 .blog-item-meta-wrapper {
    display: none !important;
}