Tagged: events calendar, sidebars
-
AuthorPosts
-
October 19, 2015 at 4:28 am #520731
Hello, I have read all the posts about adding a sidebar to the Events and event pages. I used the information from this post:
https://kriesi.at/support/topic/sidebar-the-events-calendar/
But is says that some css is needed. It would be nice if the user posted what he did but unfortunately I can’t even look at his site to see the code. Now I can probably figure out how to add some padding to move the calendar and listings, but what I can figure out is how to limit the grey bar from going across the whole screen and into the sidebar.
Do you think this options will be added in the next update?
Thank you,
Scott
October 20, 2015 at 12:52 pm #521565Hey Scott!
use this code in Quick CSS field to remove this grey bar:
#tribe-events-bar:after { display: none; }
Regards,
AndyOctober 21, 2015 at 10:53 pm #522587Thanks Andy! Worked perfectly. I have figured out most of the rest of the CSS but for a couple things. ON this page:
http://www.kc720.com/cgcc/event/womens-monday/
You will see the email address is cut off. I have tried:
.av-single-event-meta-bar-inner {overflow: visible;}
and others but nothing seems to work. Actually I would r=prefer if that bar was below the description of the event. Maybe this is something Kriesi might look into in the next update.
The second thing is the line that separates the main content from the sidebar, on the about page it goes all the way down to the footer. Is it possible to have that here as well?
Thank you in advance for the help,
Scott
October 22, 2015 at 8:00 pm #523266Hi!
1.) Adjust it with this code (for your email):
.av-single-event-meta-bar-inner { padding-right: 38px; }
Layout is controlled by events manager plugin. So if you want to change anything about it, it would be best to ask events manager plugin support.
2.) Not sure what you mean. I checked your about page and there is no line on your footer. Can you highlight your intentions using screenshots? you can use imgur.com or dropbox to make things clear for us.
Cheers!
Andy- This reply was modified 9 years, 2 months ago by Andy.
October 23, 2015 at 8:45 pm #524100Thanks Andy, unfortunately that code did not work. I’ll contact the events plugin designer and see if there is a fix.
Also,I don’t think I explained myself very well. On this image, you can see the line that separates the main area from the sidebar does not continue all the way to the footer. It’s only as long as the content in the sidebar:
http://www.kc720.com/cgcc/event/womens-monday/Here you see it continues all the way:
http://www.kc720.com/cgcc/about-cccc/board-of-directors/Thanks again,
Scott
October 29, 2015 at 1:02 pm #526717Hi!
you can increase sidebar height by using this code (then sidebar border will increase as well):
#top #main .sidebar { height: 1010px; }
and adjust as needed.
Regards,
AndyNovember 7, 2015 at 3:02 am #531712Thanks Andy!
Sorry for the delay in getting back to this thread. I think that CSS will work. Once I add more items in the sidebar, I think by using a min-height instead, this will solve the problem. Maybe Kriesi will add the option for sidebars in the future.
Thanks again,
Scott
November 9, 2015 at 4:54 am #532310 -
AuthorPosts
- The topic ‘Events Sidebars’ is closed to new replies.