I recently closed out a support topic about some changes to the portfolio grid.
https://kriesi.at/support/topic/thumbnails-are-not-all-same-size-in-portfolio-grid/#post-859421
You guys corrected the code for me and fixed the problem (yay), but I want to adjust the color of the hover block and text. However, I’m reluctant to change any of the CSS you put in. How do I modify it so that the block is black and the text color is #81eac2? See below for the code being used.
.grid-content {
display: none;
opacity: 0;
top: -150px;
position: relative;
width: 100%;
}
.grid-entry:hover .grid-content {
display: block;
opacity: .6;
}
.grid-entry .inner-entry {
padding: 40px 30px 0 15px;
border: none;
box-shadow: none;
}
.grid-entry-title {
font-size: 18px;
}
Hey B-LILT,
Add the following to quick css:
.grid-content, .grid-entry-title.entry-title, .avia-arrow{
background:#000!important;
}
h3.grid-entry-title.entry-title, .grid-entry-excerpt.entry-content{
color:#81eac2!important;
}
Best regards,
Jordan Shannon
Perfect. Thanks!
Hi,
No problem. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon