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)
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.. ;)
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.