Add background image to event listings?

[Thomas]

Hello, for example:http://www.tonetickets.com/event/trouble-usa-northern-exclusive-11paranoias-monolith-cult-atragon-ascalon/

How does one change the background so it is the same as our homepages? http://tonetickets.com

[George]

Hey Thomas,

This is unfortunately a theme design question, which we cannot help with but I’ll try to help a little bit anyways because why not 🙂

This is powered by CSS “background-image” properties, so if you’re not familiar with those things then definitely spend some time on the old Google reading about this sort of thing. A great website is http://css-tricks.com, by the way….

But anyways this is the CSS on your site that is adding that background image:


#theme-page {
background-attachment: scroll;
background-color: #ffffff;
background-image: url("http://www.tonetickets.com/wp-content/uploads/2015/08/Temples-Tickets_Bannersoffsetv3-1.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

You can get started with adding this to the single-event pages by adding CSS to like the following to your theme’s style.css file:

body.single-tribe_events #mk-boxed-layout {
background-attachment: scroll;
background-color: #ffffff;
background-image: url("http://www.tonetickets.com/wp-content/uploads/2015/08/Temples-Tickets_Bannersoffsetv3-1.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

Further CSS tweaks will almost certainly be needed but I hope this helps you get started!

Cheers,
George

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts