[andyb531]

I’ve tried installing two Catch themes (and creating child themes of each) and still having problems with bullets showing where they shouldn’t.

First I installed Catch Responsive onto my website, made the child theme, and reinstalled my custom CSS. I discovered my custom menus, created from Unordered lists, all had square bullets that wouldn’t go away, even using the CSS: list-style-type: none; code.

After a few hours, I decided to try a different theme and installed Gridalicious. Made the child theme, and reinstalled the CSS. The problem remained, except all the bullets were now round instead of square. Also, I realized the navigation widgets in the primary sidebar were also showing a bullet before each link item.

I tried building the main menu from scratch to see if that would make a difference in the sidebar, but it didn’t. (Of course, none of this was a problem in my previous theme – WP 2016, but there were other problems.)

You can see the issue at http://www.woodwind5.com/woodwind-quintets/

Here’s the relevant CSS code for the Woodwind Composer Links on that page:

/* page-links features are for index to composer pages */
.page-links {
	list-style-type: none;
}

.pagelinks a {
	list-style-type: none;
	display: block;
	width: 18em;
	color: darkblue;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
/*text-shadow: 4px 4px 5px #999999;*/
	border-bottom: 2px solid black;
	height: 1.75em;
	line-height: 1.25em;
	border-left: 24px solid darkblue;
	padding-left: 10px;
	padding-top: 2px;
	background-color: #cfcfe5;
	text-decoration: none;
}

.linktitle {
	font-size: .9em;
	font-weight: bold;
	color: darkblue;
	vertical-align: center;
	list-style: none;
	text-shadow: none;
	letter-spacing: 0;
	word-spacing: 3px;
	padding-left: 1em;
}

Of course, this shouldn’t effect the sidebar bullets at all.

I’d appreciate any help you could give. I like the themes and don’t want to hunt for yet another one.

Andy

[email protected]
http://www.woodwind5.com/
(also http://andybrandt531.com)

[Mahesh]

Hi @andyb531,

In Gridalicious theme, disc style is used for list items by default. To remove the list style from page-links please go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

ul.page-links li {
    list-style: none;
}

If you want to remove list style from the whole site, use the following CSS.

.entry-content ul > li, .sidebar ul > li, #supplementary ul > li {
    list-style: none;
}

Regards,
Mahesh

[andyb531]

Hi Mahesh,

Thanks for the quick response.

Both solutions worked! The bullets magically disappeared.

Which brings up the question, if you have CSS code in CatchThemes’ Custom CSS Options AND in JetPack Custom CSS (which is what I normally use), which loads last?

Thanks for your help. My Friday is looking brighter already.

G’Day,

Andy

[Mahesh]

Hi @andyb531,

How are you? Hope you had a nice weekend.
Thank you for your appreciation.
Normally, JetPack Custom CSS loads last.

Regards,
Mahesh

[Author]

Posts