Staff replied Templates

rythm template - home page - hover image on upcoming gigs

Asked by Heather 4 years ago Last activity 3 years ago

I have a quickstart version of the template installed. I can't seem to figure out how you've assigned the image that appears in the background when you hover over each event listing.

7 replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
4 years ago

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

Heather Asked this
4 years ago

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.

Heather Asked this
4 years ago

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);
})

Heather Asked this
4 years ago

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.

LeAnn
3 years ago

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

Rashida Rahman Staff
3 years ago

Hi Stacey,

Thanks for sharing your experience with us.

Have a nice day!

Rashida Rahman Staff
3 years ago

Hello Heather,

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

Wishing you a Good Day!

Best Regards

Log in to reply.