WordPress.org

Ready to get started?Download WordPress

Forums

Spiffy Calendar
[resolved] Upcoming Events - 2 horizontal lines below event (8 posts)

  1. stbedesantafe
    Member
    Posted 7 months ago #

    When Upcoming Events widget is in the side bar, two horizontal lines appear beneath each event. They change color on mouse-over, but seem to have no function. More importantly, the waste real-estate and spread out the events too much. How can I get rid of the lines?

    http://www.bedetrial.org/

    http://wordpress.org/plugins/spiffy-calendar/

  2. Bev
    Member
    Plugin Author

    Posted 7 months ago #

    The lines are added by your theme styling the "li" with a bottom border. You need to modify the CSS to prevent this from happening with any lists that appear on your sidebar.

  3. stbedesantafe
    Member
    Posted 7 months ago #

    Thanks!

  4. stbedesantafe
    Member
    Posted 7 months ago #

    Bev, I edited every line-height (changing 18px to 0px and 1.125rem to 0rem) related to the sidebar to no avail. Any other suggestions. See code below:

    /* sidebar lists */
    aside ul,
    aside ul.list-arrow1,
    aside ul.list-arrow2,
    aside ul.list-arrow3,
    aside ul.list-arrow4 {
    list-style: none;
    margin: 15px 0;
    }
    aside ul li {
    border-bottom: 0px solid #dedede;
    line-height: 18px;
    line-height: 1.125rem;

    }

    /* list styles with images */
    ul.list-arrow1,
    ul.list-arrow2,
    ul.list-arrow3,
    ul.list-arrow4 {
    list-style: none;
    margin: 18px;
    }
    aside ul.list-arrow1 li,
    aside ul.list-arrow2 li,
    aside ul.list-arrow3 li,
    aside ul.list-arrow4 li {
    line-height: 18px;
    line-height: 1.125rem;
    border-bottom: none;
    }
    ul.list-arrow1 li,
    ul.list-arrow2 li,
    ul.list-arrow3 li,
    ul.list-arrow4 li {
    line-height: 18px;
    line-height: 01.125rem;
    margin-bottom: 10px;
    padding: 0 0 0 30px;
    background-image: none;
    }

  5. Bev
    Member
    Plugin Author

    Posted 7 months ago #

    You probably need to add !important to make the rule override the default style.

  6. stbedesantafe
    Member
    Posted 7 months ago #

    I have no idea what that means. I am not a programmer. I need a lot more information.

  7. Bev
    Member
    Plugin Author

    Posted 7 months ago #

    aside ul li { border-bottom: none !important; }

    This might be all you need.

  8. stbedesantafe
    Member
    Posted 7 months ago #

    That did take the lines out, but did not give me back any real estate - there's still a larger gap than I prefer between the events. That's probably a Paragraph issue.

Reply

You must log in to post.

About this Plugin

About this Topic