Solved Text hover image in Portfolio.

Hi.
I used the code, but it does not show the title of the project or the photo.
what am I doing wrong?.
the url is https://temporal1.me/Rivierall/

 

Hi! Thanks so much for this, worked perfectly
I wanted to ask you if you could please share how do you include the scripts like this one in your answers and bolg posts in divi, for them to work and mantain functionality?
I have tried everythinggggg to share scripts/snippets like this ion my blog for months now but nothing works for me in the divi builder...not snipplr, not syntaxhighlighter evolved....
Thanks so much!

 

Hi there,

I used the above code and it is working beautifully on the desktop version of the site, however for mobile screens the title is sitting in the middle of the entire portfolio and not on the individual portfolio item as it should. How can I extend the code for it to display correctly on tablets and phones?

I have attached screenshots of how it displays on the desktop as opposed to my phone, but here is the URL for the site, should you wish to have a look at what it is doing...
https://ccmi.co.za/kitchen/


This is the code that I inserted into the custom CSS at the bottom of each page that has a portfolio module:

.et_pb_portfolio_item .et_pb_module_header {
position: absolute!important;
top: 50%!important;
transform: translateY(-50%)!important;
text-align: center;
left: 20px;
right: 20px;
opacity: 0;
z-index: 10;
transition: all 0.3s ease;
pointer-events: none;
}
.et_pb_portfolio_item:hover .et_pb_module_header {
opacity: 1!important;
}
.et_pb_portfolio_item .et_overlay:before {
display: none!important;
}

.full-width-btn {
width: 100%;
text-align: left;
}

Then another question I have is how could I have this apply only to certain portfolio modules? There is a portfolio page where I would like to style a full width filterable portfolio differently to the grid style portfolio that I've used on other pages, but would also like to include at the top of the page. I have excluded the code from the page in the interim, as the code is obviously affecting the full width portfolio as well.

Here is the URL for the portfolio page:
https://ccmi.co.za/projects/

I would really appreciate your help with this.

Kind regards,
Yolandi