Remove bullets in posts customised menu

Resolved srk13
(@srk13)

11 years, 3 months ago
Hi,

I have a custom menu in my posts and can’t seem to hide the bullets. I’ve tried using the below code but the bullets still appear. Please advise. Thanks.
```
ul#charity-menu,
ul.charity-project-menu {
	clear: both;
  	margin: 0 auto !important;
	list-style-type: none;
```
Site: http://www.sadaqajaariyah.com

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

lulupont

(@lulupont)

10 years, 11 months ago

I had a similar problem bith bullets
list-style-type: none; didn’t work

in style.css you need to find something like:
content: ‘\f430’;

that is what’s making the bullets, just remove it from the style sheet.

good luck

paulwpxp

(@paulwp)

10 years, 11 months ago

Try this, only the first line is what asked for here, the rest is improvement to make menu more accessible to users.

#charity-menu li::before { display: none; }
#charity-menu li { margin-right: 10px; border: 1px solid #ddd; transition: all 0.2s linear; }
#charity-menu li:last-child { margin-right:0; }
#charity-menu li a { display: block; }
#charity-menu li:hover { border-color: #aaa; box-shadow: 1px 0 3px #ddd; }

Thread Starter

srk13

(@srk13)

10 years, 11 months ago

So this is the entire code. I put the above code where exactly? Thanks.

/*** CUSTOM CHARITY MENU BEGIN ***/
/* Override Theme List Decoration */
ul li:before,
ul ul li:before {
	content: none;
}

/* Clearfix, No Bullets */
ul#charity-menu,
ul.charity-project-menu {
	clear: both;
  	margin: 0 auto !important;
	list-style-type: none !important;
}

/* Charity Menu (Top-Level) */
ul#charity-menu {
	position: relative;
}

/* Project Menu (2nd Level) */
ul.charity-project-menu {
	position: absolute;
	left: 0;
	right: 0;
	padding: 0;
	opacity: 0;
	display: none;
	visibility: hidden;
}

/* List Items */
ul#charity-menu > li {
	padding: 6px;
}
ul.charity-project-menu > li {
	padding: 2px;
	max-width: 45%;
}
ul#charity-menu > li,
ul.charity-project-menu > li {
	float: center;
	display: inline-block;
}

/* Charity Menu Text */
ul#charity-menu > li a {
	color: #444444;
	font-size: .9em;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	transition: .4s all;
	text-decoration: none;
}

/* Text Below Image */
.charity-project-caption {
	color: #999999;
	font-size: .75em;
	font-family: Verdana, Geneva, sans-serif;
}

/* Underline on Charity Hover */
ul#charity-menu > li.current-charity > a {
	border-bottom: 2px solid #ff0000;
}

/* Show Projects on Charity Hover */
ul#charity-menu > li.current-charity > ul.charity-project-menu {
	opacity: 1;
	display: block;
	visibility: visible;
}
/*** CUSTOM CHARITY MENU END ***/