WordPress.org

Ready to get started?Download WordPress

Forums

Events Manager
[resolved] Events table not showing separator lines; text squashed (7 posts)

  1. tronixx
    Member
    Posted 11 months ago #

    I would like my events table to be the same as the one in the events manager demo. I have already used the pastebin formatting sugested by forum support to get it to look like that.
    However, my events table still does not show any separator lines/borders on the table such that everything looks squashed.

    What could be the reason for this and how can I get the table lines back?

    Here is a snapshot of what the table looks:

    http://i44.tinypic.com/291lvcy.jpg

    [IMG]http://i44.tinypic.com/291lvcy.jpg[/IMG]

    http://wordpress.org/extend/plugins/events-manager/

  2. angelo
    NetWebLogic Support
    Posted 11 months ago #

    might be a css issue in your theme; do you sample link for us to see?

    e.g. using your theme style.css, you can try this snippet

    .events-table td {
    border-top: 1px solid #DDD;
    padding: 6px 10px 6px 0;
    }
  3. tronixx
    Member
    Posted 11 months ago #

    Thank you for your reply.
    I added the code that you suggested but it did not make a difference. However, I noticed that when I change the theme to twentyeleven or twentytwelve, the table lines are shown just as on your demo site.

    Here is a sample table from my test site:

    http://mea.androidcontext.com/events/

  4. caimin_nwl
    NetWebLogic Support
    Posted 11 months ago #

    Try:

    #current-events td {
    border-top: 1px solid #DDD;
    padding: 6px 10px 6px 0;
    }
  5. tronixx
    Member
    Posted 11 months ago #

    Thanks a lot - that worked!

    Just one last question before I mark this as solved:

    How can I increase the padding at the bottom of the table so that the table does not look too close to the text or other elements directly below it?
    Using the demo site table I tried to use this css snippet (which was working on the demo site)

    .entry-content table, .comment-content table {
    border-bottom: 1px solid #ededed;
    margin: 0 0 2rem;
    }

    bu this didnt work.

    Thanks in advance.

  6. angelo
    NetWebLogic Support
    Posted 11 months ago #

  7. tronixx
    Member
    Posted 11 months ago #

    Thanks for all the help angelo_nwl. Haven't completely solved the padding issue but I will mark this as solved because the main question has been answered. I will come back and give feedback when I have the solution.

Reply

You must log in to post.

About this Plugin

About this Topic