Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 400
  • Last Modified:

How to remove bullets from this list

Hello all experts.

Below is an excerpt from a page that i am working on.

For the life of me I cannot figure out how to reference the list so that the bullet-points can me removed from it.

<!-- horizontal-outer-widgets-2 Widget Area -->
	<div id="horizontal-outer-widgets-2" class="boxed warea fix">
		<!-- widget start --><aside id="flexible-recent-posts-widget-2" class="suf-widget suf-horizontal-widget suf-widget-3c widget_flexible-recent-posts-widget "><div class="dbx-content"><div class="frp-clear"></div>
<ul class="frp-widget">
			<li class="frp-news">
			<div class="news-widget-title"><a href="http://localhost/food/third-post/">Third Post</a></div>
<div class="news-widget-excerpt"><a href="http://localhost/food/third-post/"><?php _e( 'read more', 'frp' ); ?></a></div>
<p><!--
<div class="news-widget-date">30.06.2013</div>
<p>--></p>
		</li>
				<li class="frp-news">
			<div class="news-widget-title"><a href="http://localhost/food/second-post/">Second Post</a></div>
<div class="news-widget-excerpt"><a href="http://localhost/food/second-post/"><?php _e( 'read more', 'frp' ); ?></a></div>
<p><!--
<div class="news-widget-date">30.06.2013</div>
<p>--></p>
		</li>
		</ul>
<div class="frp-all-category-news frp-all-category-news-footer"><a
	href=""></a></div>
</div></aside><!-- widget end -->	</div>
	<!-- /horizontal-outer-widgets-2 -->

Open in new window


Any help will be appreciated.

--d.
0
driven_13
Asked:
driven_13
  • 4
  • 3
1 Solution
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Add to your css

ul
{
    list-style-type: none;
}

Or if it is only for a specific list then add a class

ul.no_bullets
{
    list-style-type: none;
}

<ul class="no_bullets">
<li>stuff</li>
</ul>
0
 
driven_13Author Commented:
Thanx for the response but I actually know how to remove the bullets.

I was looking for some help in how to reference that list in the hierarchy of DIVs and CLASSes.

This is not working:

#horizontal-outer-widgets-2 .frp-widget ul {list-style-type: none;}

Open in new window


Thoughts...??

--d.
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
This is a working sample of your code using the css below http://jsbin.com/ihunod/1/edit

ul.frp-widget
{
    list-style-type: none;
}

Open in new window

0
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
driven_13Author Commented:
Hi.

Unfortunately, that is not working ....[:0(

Here is the link to my site:  http://bit.ly/YMA3zW

Any ideas..??

Thanx.

--d.
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Starting at line 1383 of your css remove this stuff or at least anything having to do with the background. It is over riding the code you are trying to do.

.suf-mag-category ul li,
.sidebar-tab-content ul li,
.suf-widget ul li,
.suf-flat-widget ul li,
.suf-panel-widget ul li {
	background-repeat: no-repeat;
	padding-left: 22px ;
	background-position: 0 1px;
	padding-bottom: 3px;
}

.tab-box div.sbtab-content-archives ul li,
.tabbed-sidebar div.sbtab-content-archives ul li,
.widget_archive ul li {
	background: url(images/icons/calendar_date.png) no-repeat;
	padding-left: 20px;
	padding-bottom: 3px;
}

Open in new window

0
 
driven_13Author Commented:
Hi.

Ok, I removed the CSS as per your suggestion and the bullets are gone. Thank you.

But, as per my attached snapshot, there are dots now showing up in the background.

--d.
dots in background
0
 
driven_13Author Commented:
Scratch that last post as I have figured it out.

Thank you very much for all your help.

--d.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now