Background image for list view

[Juriaan]

Wicht div or class do I need to address to get a background image in the list view?

xxxxxxxxxxx{
background-image:url(http://www.ckc-seminars.nl/congres/wp-content/uploads/2015/02/ckc_bkgr_1.png);
background-position: center center;
background-repeat:no-repeat;
}

thx in advance
Jur

[Geoff]

Hey and welcome to the forums! We hope you’ve been enjoying the plugins so far. 🙂

An .events-list class is added to the body in List View, so that means you can reference that when applying your styles. It looks like your calendar is set to use the default page template for your theme, so you can pair the events-list class with your theme’s IDs/classes to make it work.

Cheers!
Geoff

[Juriaan]

Please can you give me a tip wich IDs/claases to pair with if you look at the page source at:

http://www.ckc-seminars.nl/congres/events/list/

thx in advance.

Jur

[Juriaan]

Found it..

.events-list #main{
background-image:url(http://www.ckc-seminars.nl/congres/wp-content/uploads/2015/02/teamback.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

[Geoff]

Nice work! I’m glad that worked out and everything’s working smoothly. 🙂

I’m going to close this thread, but please let us know if anything else comes up and we’d be happy to help.

Cheers!
Geoff

[Author]

Posts