Remove bullets

  • Resolved ohmaai

    (@ohmaai)


    8 years, 3 months ago

    Apologies if this has been solved, but I couldn’t find anything in the forum under ‘bullet’.

    love the eventlist options, but have 2 formating queries in relation to (www.maaike.com.au/events) which uses shortcode to show all events and exclude the filter bar.

    1. How can I omit the bullets from showing? They look very messy when the rest of your work is so tight. I adjusted any mention of “list-style” tp ” list-style: none;” in all css I could find, but they still show in Firefox and chrome.

    2. is there a way to ‘bump up’ the text so the information posts much closer to the title?

    thanks in advance for your help and patience!

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • rengeiw

    (@rengeiw)

    8 years, 3 months ago

    Try this in your child’s CSS:

    .entry-content ul > li.event {list-style-type: none;}

    It worked fine for me.

    __________________________________

    The gap between the information and the title (as far as I see) has something to do with

    .clearfix:before, .clearfix:after {content: " "; display: table;}

    I think you should try something like
    .event-info multi-day::before {content: " "; display: inline;}
    That’s not exactly right, but imho you should try this direction.

    • This reply was modified 8 years, 3 months ago by rengeiw.
    Thread Starter ohmaai

    (@ohmaai)

    8 years, 3 months ago

    thanks Rengeiw,
    I might be out of my depth. I’ve located my child theme’s style.css but can’t seem to insert your code somewhere that works
    ttl content entry code is currently

    /* Entries

    ——————————————— */

    .entry {

    background: #fff;

    margin-bottom: 20px;

    margin-bottom: 2rem;

    padding: 0 0 22px;

    padding: 0 0 2.2rem;

    }

    .entry-content a {

    color: #efc22c;

    }

    .entry-content a:hover {

    color: #111;

    }

    .entry-content .attachment a,

    .entry-content .gallery a {

    border: none;

    }

    .entry-content img {

    max-height: 100%;

    max-width: 100%;

    }

    .entry-content ol,

    .entry-content p,

    .entry-content ul > li.event {list-style-type: none;}

    .quote-caption,

    .clear-line {

    margin-bottom: 20px;

    margin-bottom: 2rem;

    }

    .entry-content ol li,

    .entry-content ul li {

    margin-left: 20px;

    margin-left: 2rem;

    }

    .entry-content ol li {

    list-style-type: decimal;

    }

    .entry-content ul li {

    list-style-type: disc;

    }

    .entry-content ol ol,

    .entry-content ul ul,

    .entry-content .wp-caption p {

    margin-bottom: 0;

    }

    I will learn to live with the gap for the time being!

    rengeiw

    (@rengeiw)

    8 years, 3 months ago

    Counting from the bottom in lines 6, 7, 8 you’ve got

    .entry-content ul li {
    list-style-type: disc;
    }

    It overrides, what you have inserted following my suggestion. Imho.

    So please put the suggested
    .entry-content ul > li.event {list-style-type: none;}
    after it.

    This will say:
    “Okay, I know there should be a disc, when there is a li-element in an entry, but wait, when the li-element is an “event” I don’t want to have anything before!”

    rengeiw

    (@rengeiw)

    8 years, 3 months ago

    Looking at your page I see you have allready got rid of the bullet … so ignore what I have said before ;o)

    Thread Starter ohmaai

    (@ohmaai)

    8 years, 3 months ago

    Failing desperately.
    Have been using firefox and chrome to test, clearing cash prior to each load – not once did I see the page without bullets.
    Didn’t save past work as it didn’t appear to have worked. No idea what I did that got rid of the bullet, or when.
    trying your revised suggestion;

    .entry-content ul li {
    list-style-type: disc;
    }
    .entry-content ul > li.event {list-style-type: none;}

    But still showing bullets for me…
    Thanks for persisting!

    Thread Starter ohmaai

    (@ohmaai)

    8 years, 3 months ago

    closed everything and rebooted, no bullets! Thank you so much. I will explore the space between header and body later.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Remove bullets’ is closed to new replies.