Bullets showing up in WP UI Tabs

  • Resolved thatposhgirl

    (@thatposhgirl)


    12 years, 8 months ago

    I installed the WP UI – Tabs, accordions and more plugin and it seems to be working okay, but I am having an issue with my theme. The Mantra theme uses the following code in style.css

    #content ul>li {
	background: url(images/mantra_bullet.png) 0px 10px no-repeat;
	text-indent:20px;
}

    This creates custom bullets using the mantra_bullet.png image. The problem is, the bullets are showing up in my tabs.

    I tried commenting out the above line from style.css, but then I had no bullets at all. So I tried just overriding it in wp-ui/wp-ui.css using this line:

    #content ul>li {
	background: none;
}

    It sort of works, but it strips the bullets out of the whole page, not just the tabs.

    Does anyone know how I can remove the bullets just from the tabs? I also tried adding the “background: none;” to all of the ul and li styles in wp-ui/wp-ui.css but that did nothing.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter thatposhgirl

    (@thatposhgirl)

    Never mind, I fixed it. It was actually a simple fix:

    #content ul>li {
	/* background: url(images/mantra_bullet.png) 0px 10px no-repeat; */
        list-style-image: url(images/mantra_bullet.png);
	text-indent:20px;
}

    I’m not sure why the Mantra theme was using a background image instead of the list-style-image property? I verified that list-style-image works in chrome, ie and firefox. Weird.

    Hello. Well done figuring this out.

    I’ve been trying to follow your lead, but I’m using Catalyst theme with Dynamic sub-theme and I can’t find the wp-ui/wp-ui.css file to edit as you suggest.

    Can anyone help with a solution for preventing bullets from showing in Post UI Tabs when Catalyst is used as the main theme?

    I would show you the site but its still in maintenance mode…

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Bullets showing up in WP UI Tabs’ is closed to new replies.