Event Calendar Page

[nlwebdesign]

https://evidenceofeternity.com/events/

I’m using The Events Calendar plugin, and I’d like this page to have similar effects as the rest of the website, along with the event detail pages.

Basically, I need a 5px black border around the body area as seen on pages like: https://evidenceofeternity.com/calendar/

Thank you.

[nico]

Hi @nlwebdesign,

Thanks for writing in.

Add this code in your Custom CSS:

.post-type-archive-tribe_events .x-container.offset {
    margin-top:0px;
    border-width: 4px 5px 0px 5px;
    border-style: solid solid solid solid;
    border-color: rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0);
}

Let us know how it goes.

Thanks.

[nlwebdesign]

This is great!

Only thing left is the event detail pages like this: https://evidenceofeternity.com/event/edge-of-the-rabbit-hole-radio-show-930-pm-et-830-pm-ct-730-pm-mt-630-pt/

How do I identify those pages to have a border?

[mldarshana]

Hi There @nlwebdesign

Add the following CSS rule also, into your X > Theme Options > CSS area and see if that helps.

.single-tribe_events .x-container.offset {
    margin-top:0px;
    border-width: 4px 5px 0px 5px;
    border-style: solid solid solid solid;
    border-color: rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0);
}

Hope that helps.

[nlwebdesign]

That got it. Thank you.

[mldarshana]

Glad we were able to help