Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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

    #521565

    Hey Scott!

    use this code in Quick CSS field to remove this grey bar:

    #tribe-events-bar:after {
    display: none;
    }
    

    Regards,
    Andy

    #522587

    Thanks 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

    #523266

    Hi!

    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, 1 month ago by Andy.
    #524100

    Thanks 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:

    View post on imgur.com


    http://www.kc720.com/cgcc/event/womens-monday/

    Here you see it continues all the way:

    View post on imgur.com


    http://www.kc720.com/cgcc/about-cccc/board-of-directors/

    Thanks again,

    Scott

    #526717

    Hi!

    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,
    Andy

    #531712

    Thanks 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

    #532310

    Hi,

    Great, glad we could help. Please let us know if you should need any more help on the topic.

    Thanks,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Events Sidebars’ is closed to new replies.