Remove shadow from thumbnail on portfolio
-
Hello,
I am using portfolio page with the style of “The text below the picture ”
I want to remove the shadow and zoom effect when mouse is hover on the thumbnail of the project.
How can i do that ?
Hello,
Please use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Global Custom CSS section:
.portfolio-text-shown .portfolio-thumbnail:after {
background-color: rgba(0,0,0,0);
transition: none;
}
.portfolio-entry .social-icons-wrapper:hover:after {
color: #000;
}
.portfolio-entry .portfolio-enlarge {
color: #000;
}
Best Regards.
Hello,
It worked just for the thumbnail.
I wanted to remove the zoom effect of the photo and shadow effect of the box completely. Can I do that ?
Hello,
Please try out the following CSS to remove the Zoom/Hover and Shadow effect for the Portfolio archive page:
.portfolio-text-shown:hover .portfolio-thumbnail {
transform: none !important;
}
.portfolio-text-shown:hover .entry-header {
box-shadow: none !important;
}
Location to paste Custom CSS, please go to Theme Settings >> Custom CSS >> Global Custom CSS.
Best Regards
It is working! Thank you
Can I ask a different question independent of the topic?
When we enter the project details, instead of the title we entered for the product page, the title we entered for the “Project page” appears in the page title section.
https://daire19.com/icerik/aloe/
In this example, the project title is “Aloe”, but the overall title of the project page is “Encyclopedia of Content”. What should I do to make “Aloe” appear?
Hello,
Please go to Theme Settings >> Portfolio >> SINGLE PROJECT >> Enable the Project title in page heading option: https://ibb.co/ckQpLzD
Best Regards.
.
