WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Adding bullets to CSS stylesheet (10 posts)

  1. momsheadquarters
    Member
    Posted 2 years ago #

    I am unable to add bullets or numbering to my main post of page text. I am thinking that this is because bullet and numbering information was not designated on the stylesheet. CAn someone please tell me where I need to add this information to the below stylesheet.....what the stelsheet needs to read...and how to get a small solid circle for the bullets as well as standard (1,2,3,4) numebring for the numbers.

    Thank you so much in advance. Here is the stylesheet info:

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

  2. momsheadquarters
    Member
    Posted 2 years ago #

    I know that was a very lengthy post...but seeing that I am new to this...I want to be as thorough as possible.

    Thank you once again for all your help.

  3. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    the reason is that the rest styles at the beginning set all paddings and margins to zero.

    try and add something like this to style.css of your theme:

    .entry ul, .entry ol { padding-left: 10px; margin-left:10px; font-size: 150%; }

    this should make the list style elements visible in the posts.

    out of organisational reasons, possibly somewhere after the line /* post elements */; however, the location does not really matter.

    if this is not what you want to achieve, please give more details and post a link directly to a page with the problem.

  4. momsheadquarters
    Member
    Posted 2 years ago #

    So it doesn't matter WHERE I add this line? Now you say after the line /*post elements */...but this is for page body text as well, does this make a difference. Now i'm realy showing you what a newbie I am...but... Do I indent this line or add it right up next to the left margin. I'm thinking that indentation in the style.css is merely for organisational purposes.

  5. momsheadquarters
    Member
    Posted 2 years ago #

    Is there any way to post my whole stylesheet here so you can take a look and see what i'm looking at?

  6. momsheadquarters
    Member
    Posted 2 years ago #

  7. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    assuming that the link of your user name is your site, it is no problem to access the stylesheet(s), using some browser tools such as firebug in firefox.

    it really does not matter where you add the new styles;

    http://www.w3schools.com/css/

    this is just one possible location:

    /* post elements */
    
    .entry ul, .entry ol {
    padding-left: 10px;
    margin-left:10px;
    font-size: 150%;
    }
    
    #main {
    
    }
  8. momsheadquarters
    Member
    Posted 2 years ago #

    oh my goodness! It worked. I actually just copied and pasted the text into the very top of the style sheet where I could easily find it in case I had to delete it. You are amazing! I can't thank you enough. That link you gave me to w3schools.com looks pretty helpful too...i'll have to go back there int he future.

    Thank you again.

  9. momsheadquarters
    Member
    Posted 2 years ago #

    Hey....not that I want to abuse you knowledge....but what do yout hink about this:

    http://www.momsheadquarters.com/the-headquarters/family-2/baby/cloth-diaper-review/ai2/best-bottom-diapers

    Take a look at the right sidebar...why are all the children categories so small. How would I go about getting the text on these larger. I understand that the smaller size designates it as a child...but there has got to be a better way.

    Any suggestions???

  10. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    it is caused by this style (in style.css quite near to the end):

    #side ul li {
    	display: inline;
    	float: left;
    	padding: 0px;
    	color: #558CA1;
    	font-size: 0.7em;
    }

    try and change:
    font-size: 0.7em;
    to
    font-size: 0.9em;
    (this will increase the font of the top most item as well)

    or
    font-size: 9px; margin-left:10px;

    with the fixed font-size, you could indent the list by adding the left margin (example only)

    http://www.w3schools.com/css/css_font.asp

Topic Closed

This topic has been closed to new replies.

About this Topic