MSS-Publications

On 3/19/2022 at 4:30 PM, tuanphan said:

Try this new code

<style>
   a.eventitem-backlink:after {
    content: "" !important;
    background-image: url(https://images.squarespace-cdn.com/content/v1/60173d3fc360987af4f8010f/1b5bebad-dc6c-431c-89aa-e1957163fe6d/Uncaged+Banner+FB.jpg?format=750w);
    background-size: contain;
    margin: 0 auto;
    background-position: center center;
    width: 100% !important;
    display: block;
    height: 300px !important;
    background-repeat: no-repeat;
    transform: unset !important;
    position: static !important;
    background-color: white !important;
}
a.eventitem-backlink {
    display: block;
}
a.eventitem-backlink {
    background-color: white;
}
</style>

 

It works now! Thanks so much for your help mate, I appreciate it!

Hi tuanphan, sorry for the delayed response!

I've attached a screenshot to show you what I see when I add your code to the page.

This is a great improvement, thank you! However, there's are annoying black bars flanking the image now, and I'm struggling to figure out how to modify the code to get rid of them. Would you happen to be able to do this?

Site URL: https://uwamss.org.au/uncaged

Hi,

I'm looking to customise our event item pages so that we can have an image sitting on top of all of the text on the page, rather than how it is now, with the meta box awkwardly sitting right next to the image, and the rest of the column that the meta box is in looking weirdly empty. A mock-up of what I'm looking to do is below.

I'd greatly appreciate it if there was a way to get this done with CSS only and without having to use a code injection, as we do not have the premium business plan and cannot afford to upgrade.

Cheers!