Ask your WordPress questions! Pay money and get answers fast! (more info)

TrueThemes WP Sterling and Events Calendar (CSS question) #2 WordPress

  • SOLVED

I recently came on here and was able to fix a css issue on my homepage for styling using "the events calendar" plugin. We fixed that but...

Now I need some help with the actual interior pages of the site. It is forcing my event page to go full width and I want it centered within the content, like the rest.

Anyone willing to help. It's for a charity. :)

Here is the interior page mess: http:// echofl. org /events/



Answers (2)

2013-01-14

Christianto answers:

Hi Idavila,

the event calender part force to full width because no width set to it.

you can add:
width: 960px;
margin: 0 auto;

to #tribe-events-content and .tribe-events-cal-title selector

or copy/paste this code to events.css file (wp-content/themes/Sterling/events/events.css)
.events-archive #tribe-events-content, .events-archive .tribe-events-cal-title {
width: 960px;
margin: 0 auto;
}


let me know if you have another related css problem at interior pages,
so we can fix it at once.. :)


idavila comments:

Christiano,

I tried the second, but it did not work.

Tried to find the files to do the first, but cannot find them.


idavila comments:

Wait, it did work for the main listing, but not an individual event.

main Listing: http://echofl.org/events/ YAY! Thank you.

individual event: http://echofl.org/event/charity-thrift-sale-3/ Still a problem. :(


Christianto comments:

put this additional code on events.css
.single-tribe_events .tribe-events-event{
width: 960px;margin: 0 auto;
}
.single-tribe_events #sidebar {
width: 960px;
margin: 0 auto 60px;
}
.single-tribe_events #sidebar .social_icons li {
float: left;
position: relative;
left: -30px;
}
.single-tribe_events #sidebar .social_icons li a {
padding-left: 20px;
padding-right: 20px;
}


idavila comments:

You are a genious!

I have a few other minor css fixes. Can I contact you individually christiano?


Christianto comments:

Sure, you can contact me if you need my help
I'll PM you my email address, please check your mailbox,
And Thank you for the vote.. ;)

2013-01-13

Asad Iqbal answers:

Are you using the correct template?


idavila comments:

What do you mean? I am using Sterling WP theme and the Events Calendar plugin.

I have the template set in wide format, but the actual container is holding the content inside, except on the Event pages.