SSong Posted July 21, 2022 Share Posted July 21, 2022 Site URL: https://www.fortsferryfarm.com/event-calendar Since I disabled the day tag on the event page, the distinction between future and past event is not as clear as I would like, so I'd like to be able to use css to change the opacity of past event event thumbnails or overlay a semi-transparent white box over. If anyone can help moi out, it'd be much appreciated! Thank you 3000! FYI template is brine Link to comment
tuanphan Posted July 22, 2022 Share Posted July 22, 2022 Add to Design > Custom CSS /* Past event thumbnail overlay */ article.eventlist-event--past a.eventlist-column-thumbnail:after { content: ""; background-color: rgba(0,0,0,0.75); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } article.eventlist-event--past a.eventlist-column-thumbnail { position: relative; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment