Replace Picture In Event-list-item - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Replace Picture In Event-list-item

AO

Arne Opheim

Template 4 years ago

Hi - I use the Rythm template, and have problems with how to replace/insert the picture in the rows with the CSS class " event-list-item". The picture that appears with mouseover. I hope this is something you can help me with.

0
Website
https://treningsnorge.no/
3 Answers
Order by
Oldest Newest Votes
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #44837

Hi there,

Thanks for contacting us. Sorry for the inconvenience. Please follow the instruction.

Go to the file location or check the image location.

https://treningsnorge.no/images/SPBuilder/Bakgrunner/konsert-salen-sh-1608x218px.jpg

templates/your_template/scss/theme.scss

.event-list-item:after {
    content: "";
    background-image: url(../images/ticket-bg.png);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center center;
    transform: scale(.8);
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden;
}

-Thanks

0
AO
Arne Opheim
Accepted Answer
4 years ago #44846

Thank you for your answer. Have a Nice weekend! Arne

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #45038

You are most welcome. Will you please spend some to write a review about our product and support quality? 

https://extensions.joomla.org/extension/sp-page-builder/

0