Customized Bullets

  • Resolved marindasou

    (@marindasou)


    5 years, 10 months ago

    Hi, I created customized bullets by adding it to Additional CSS. Although it added the bullets I wanted (&check in blue) I am now stuck with both the original bullet (“&period”) and the new bullet.
    This is the script I added:
    .ul {list-style: none}.entry-content li::before { content: “\2713”; color: blue; display: inline-block; width: 1em;
    }
    .ul li { border: 0px; padding: 0.2em 0;
    }

    Please can somebody help me? Thank you in advance.

    • This topic was modified 5 years, 10 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Howdy_McGee

    (@howdy_mcgee)

    5 years, 10 months ago

    Try adding list-style: none to your class.

    .entry-content ul { list-style: none; }

    Looking at your linked page and inspecting the UL I’m not seeing the list-style none you’ve mentioned in your question so maybe the above snippet will help.

    Thread Starter marindasou

    (@marindasou)

    5 years, 10 months ago

    Thank u for the answer.
    I have this now in my Theme Customize Additional CSS:
    ..entry-content ul { list-style: none; }.entry-content li::before { content: “\2713”; color: blue; display: inline-block; width: 1em;
    }
    .ul li { border: 0px; padding: 0.2em 0;
    }
    Still not working. Could you look at this and remove the error please?
    I really appreciate you taking the time to assist me.

    Howdy_McGee

    (@howdy_mcgee)

    5 years, 10 months ago

    Are you adding the extra periods before .entry-content? It should be exactly as:

    .entry-content ul { list-style: none; }

    If you have any caching plugins or anything in the admin bar which says “Clear Cache” this may also need to be done to see the changes. Unfortunately, I’m not seeing the update when inspecting the page.

    I think the end result should look exactly like this:

    .entry-content ul {
	list-style: none;
}
.entry-content ul li {
	padding: 0.2em 0;
	border: 0px;
}
.entry-content ul li::before {
	content: "\2713";
	display: inline-block;
	width: 1em;
	color: blue;
}
    Thread Starter marindasou

    (@marindasou)

    5 years, 10 months ago

    You are a star! Thank you so much! It worked.
    I hope you are well and keeping safe at this time. I appreciate your assistance.
    Keep Well
    Marinda

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

The topic ‘Customized Bullets’ is closed to new replies.