Would like to use two different Masonry portfolio styles. The base Quick css change I made is great for the main page, but putting a small version of the portfolio at the footer of the page really requires values suited to that. I think the custom id should allow me to target the effect to a specific instance of a portfolio but unsure how the syntax works and my experimentation has not yielded success.
This is the effect I want to retain on the primary Portfolio instance. What I want to know is how to use this with alteration on a second instance of the portfolio on a page. The ID might be the ticket, but unclear. Thanks,
.av-masonry-entry:before {
content: attr(title);
background: #db5d1e;
position: absolute;
width: 100%;
height: 100%;
z-index: 1000;
text-align: center;
line-height: 450px;
opacity: 0;
font-weight: bold;
font-size: 26px;
}
.av-masonry-entry:hover:before {
opacity: .85;
}
.av-masonry-entry:before{
transition: all linear 0.2s;
}
Hey stevenleith!
Send us a link to the page and we’ll give you some CSS to use.
Best regards,
Elliott
I thought the link went in via the private field, but here it is http://4c1.5f0.mwp.accessdomain.com/featured-properties/
Hey!
Your trying to target the second portfolio on the page correct? I viewed your link but I only see one portfolio being used on the page. Or do you mean the second portfolio post?
Take a screenshot and highlight what your trying to do so we can get a better idea.
Best regards,
Elliott
Can we close this thread and focus on my first support request #553302
https://kriesi.at/support/topic/apply-a-custom-id-attribute-to-the-section/#post-553366
For the above page that is important.
The client moved on and we don’t need to worry about more than one portfolio. I fear I confused the issue by my second request.