Hi there!

Thanks for your query.

Please use the following code snippet to change the hover image there:

.event-list-item:after {
    background-image: url(../images/ticket-bg.png);
        }

Please use your desired image URL in the above code.

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Hope this helps!

Best Regards

Okay thanks - I've added the rule. And it works but only if I publish that page on a menu that isn't designated as being "Home". If it's on the "Home" page, it doesn't bring in the background image on hover.

https://scbarnburners.ca/site/index.php

Hover over the dates and you'll see there's no image appearing behind the text on hover. But then click on Home2, and the background image appears on hover.

Hi there - just checking back in to see if there's any solution to having this rule you provided bring in the background image on hover on a page designated as the "Home" page. I'll provide you with login credentials if you want to log in and take a look. This is the only thing I need to resolve before publishing this site on the root and I'd love to get this resolved :)

(.event-list-item:after { background-image: url(../images/ticket-bg.png); })

I've now moved the site to the root. For the time being, I've replaced the image ticket-bg.png in the template image directory. If you are able to find a css override that works when that content is on the home page, I'd of course prefer that. Thank you.

It's in the tempate, under the body section. It's an image background. :) I found it finally today!

Hi Stacey,

Thanks for sharing your experience with us.

Have a nice day!

Hello Heather,

Somehow I missed your text, please take my apology for that.

Wishing you a Good Day!

Best Regards