-
Posts
-
Hi,
I made a special portfolio category and I wish to place a small png logo over this category preview on Masonry Portfolio 3 Column Perfect Grid. The idea is to place a ribbon or dot on sold items so there are visible on the portfolio list.I made a portfolio category “Sold” so I have a css .portfolio_entries-sold class
So i made a class like this one:
.portfolio_entries-sold{
background: url(Sold_css.png) right top no-repeat transparent !important;
float: none;
z-index: 99!important;
}Everything works perfectly exept I can place this png image over the main image of the portfolio entry. I tried and tried but could not find the right solution… Someone can help me in this :)
Thanks in advance for any suggestion or helpCaiser
Hey Caiser_Souze,
The best option here, is to use a ::before or ::after selector.
Can you show us a screenshot + your web site so we can see if it is possible and how?Thank you
Best regards,
BasilisHi Basilis,
many thanks for your answer!
Here the screen shot. You see on the back the png image (orange line)… but is not over the preview image…http://www.caisersouze.com/Enfold-mansonry-etichetta.png
Edit: before don’t works for me :( … I miss something…
the image look always under or cutted…Hi,
As you know HTML, take a look for the way you can use
https://stackoverflow.com/questions/22735740/how-to-add-badge-on-top-of-font-awesome-symbolLet us know if that could solve the issues for you.
Best regards,
BasilisHi Basil,
thanks so much for your help. So sorry but with :before I didn’t solve it.
I have all the times.av-inner-masonry-contentclass in front of my png label… I didn’t find the right solution… or the right css.At the end I added a class specifically for this in the php of the theme in the mansonry helper. Now it works perfectly.
No idea why i didn’t was able to solve it only with CSS, mistake by my part…Have a nice week end
Caiser
- You must be logged in to reply to this topic.