Jump to content
Sign in to follow this  
dchetson

Bullet Points in Recents Posts

Recommended Posts

dchetson+    2
dchetson

I am trying to differentiate the list of recent posts in the sidebar of my site. Can't seem to figure out the CSS to add bullets to each post title. Site is www.helenewinterdesign.com.

Share this post


Link to post
Share on other sites
catrina    103
catrina

You need to use custom CSS to find the selector for that list in the sidebar widget: http://www.pagelines.com/wiki/Custom_CSS

 

To add a list style, use the list-style-type property: http://w3schools.com/cssref/pr_list-style-type.asp


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
dchetson+    2
dchetson

OK. So would the CSS code be #recentposts.stylelistStyleTpe="square"?

Share this post


Link to post
Share on other sites
dchetson+    2
dchetson

I'm really stumped on this. I've tried every code I can think of - I'm not a coder. Any help with the actual CSS code would be appreciated.

Share this post


Link to post
Share on other sites
Rob    547
Rob

The code you quoted is part CSS and part Javascript and not functional.

 

You need to use CSS in the Custom Code > CSS Rules area and make sure there's a specific class for the list you're trying to bullet.  For example, in the link Catrina provided, you'll see

ul.square {list-style-type:square}

Your bulleted text should start with <ul>.  But to make the bullet a square, you'll want to modify the UL tag to <ul class="square"> then, the snippet of CSS would apply a square bullet type to the items below.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
trevorcr    0
trevorcr

I am trying to get a bulleted list in categories to work by;

 

#categories-2 ul li {
    list-style-type: disc;
}
The above CSS snippet from firebug is placed in style.css in the customize folder.  The bullets are not showing up.  Where would I put <ul class="square">?  Would I need to modify the core code?

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, try using !important to force through the changes in case they are being overridden anywhere.

 

#categories-2 ul li {
    list-style-type: disc !important;
}

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
trevorcr    0
trevorcr

Hi, the !importance tag did not work. I also tried applying the style to the ul tag only.  No success.  I am stumped on this one.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

Since that's a WP generated list, you really can't implement my earlier suggestion, however, you can replace that list with a variety of excellent plugins.  Depending on whether you do or don't want thumbnails, you have a diverse choice of plugins to select from.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • janpeeters
      By janpeeters+
      Hi all,
      I was totally excited to find out about 'CSS Hero' (http://www.csshero.org) I read about it in the compatible plugins section of the PL5 docs (http://www.pagelines.com/resources/compatible-plugins) For me it's a great way to more easily customize my sites because I'm not a CSS pro.
      I'm wondering about one thing though… Does anyone know if using this will result in a heavy penalty on page loading speeds? Would love to start using it but only if it doesn't cost too much in terms of speed.
      Thanks, Jan
    • abuzzelli
      By abuzzelli+
      I need the modal popup background to be solid and I can't get the css to work. Not sure what to do. Here's the page: http://bellissimoplasticsurgery.com/breast-augmentation-test-page/
    • evasnijders
      By evasnijders
      Dear fellow forum members,
      It has been months, if not years, since I got the latest DMS version. And I haven't been able to get myself to install it on my blog...
      A few months ago I took on a new job and I now know for sure I will never get to it.
      So, my question: is there anyone out there who is experienced with DMS and would be willing to do this for me.
      In all honesty, I will need help with everything, from rethinking the content (structure), to deciding on illustrations and colours. 
      I am though, willing to pay for this.
      Thanks in advance for your kind answers.
      Eva
      www.evasnijders.com
       
       
       
    • abuzzelli
      By abuzzelli+
      Trying to adjust the position of the background image on http://churchofwolves.com/. I need the wolf background to move over to the left on mobile versions so it can be seen. Here's the code I'm using and it's not working. I've tried a bunch of different things. Getting frustrated. Any advice?
      @media (max-width: 768px) { .home .site-wrap{ background: url(http://churchofwolves.com/wp-content/uploads/2015/06/Church-of-Wolves-bkgd1.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 100% 0%; } }  
    • kellid
      By kellid
      Hello!
       
      Wondering how I can have only 4 posts show in the Masonic section?  I've tried going by category but it still adds an additional post.  Any help is greatly appreciated :) Thanks!
       
      Kelli D
      SolarConnect.Us
×