New question (sorry) Hover and Header

Shapely
1

Hello, I’m still modifying shapely.
I would like to use the same hover effect of portfolio images, in gallery images, but I do not know how to do it.
I would also like the headlines to have the title inside, I have tried but I can not.

Attached pictures of everything, sorry for the inconvenience and thanks

2

Hi,

Apologies for a late reply.

  1. For hover use this Custom CSS,
.gallery-item .wp-caption-text {
     opacity: 0;
     transform: translate3d(0px, 5px, 0px);
     transition: all 0.3s ease 0s;
}

.gallery-item .wp-caption-text {
     position: absolute;
     width: 100%;
     z-index: 5;
}

.gallery-item:hover .wp-caption-text {
     opacity: 1;
     top: 50%;
     transform: translate3d(0px, -50%, 0px);
}

.gallery-item::before {
     background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%) repeat scroll 0px 0px;
     bottom: 0px;
     content: "";
     height: 100%;
     left: 0px;
     pointer-events: none;
     position: absolute;
     transition: all 0.5s ease 0s;
     width: 100%;
}

.gallery-item:hover::before {
    opacity: 1;
}
.gallery-item::before {
    opacity: 0;
}

it is just a starter, you can customize the values present in the above CSS. It is for WordPress default gallery.

  1. You mean like this? https://colorlib.com/shapely/portfolio/

Let us know,

Thanks,
laranz.

3

Perfect!! thaaanks!!

Yes, like that!!

Thanks Laranz.

4

Hi,

Glad it works :slight_smile:

Let us know if you have any other questions. If you’re happy with our service, don’t forget to rate and review us in WordPress, [Shapely] Reviews | WordPress.org

Thanks,
laranz.

5

Sorry but doesn’t work.
I mean that the page title doesn’t show on the header area.
Thanks!!

6

Hi,

Can you share us your WP Login details in a private reply? So, that we can check what’s going wrong.

Let us know,

Thanks,
laranz.