WordPress.org

Ready to get started?Download WordPress

Forums

Css List fix (16 posts)

  1. danny_getextra
    Member
    Posted 1 year ago #

    Hi Guys,

    I've just made my first custom theme completely from scratch.

    I'm not that experienced with php but can write the things I need. However my problem is with some CSS that is stoping items put in an UL on the wordpress post's or page been displayed with a bullet point.

    Now I've done some troubleshooting with inspect element, and canceled out a number of styles but can't seem to find directly whats causing the bullet-points to not display.

    It has to be a list-style:none; rule somewhere.

    http://goo.gl/fv2Kd

    Many Thanks

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    It's somewhere amongst your CSS resets. Is it worth finding out, instead of just overriding it?

  3. danny_getextra
    Member
    Posted 1 year ago #

    I've tried deleting this rule in my css resets andrew, Was one of my first things I tried actually.

    here is my reset styles

    /* Css Reset */
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
    pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
    s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,l
    i,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
    { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
    blockquote,q{ quotes:none; }
    blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
    :focus{ outline:0; }
    ol,ul {list-style:circle;}
  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    I've also tried deleting your CSS resets and found that the bullets reappear.
    It's this style;

    margin:0

    From this line;

    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
    blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,
    img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,
    dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,
    tfoot,thead,tr,th,td
    { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
  5. Keith Burgie
    Member
    Posted 1 year ago #

    If you make this change on line 6 of style.css you'll get a bullet point:

    ol {}
    ul {list-style: disc inside;}
  6. danny_getextra
    Member
    Posted 1 year ago #

    Think I've solved it, was the reset style sheet effecting it.

    I deleted it and added ul {list-style: disc inside;}

    Thanks guys.

  7. danny_getextra
    Member
    Posted 1 year ago #

    The next problem is making the font size 12px.

    Seem to be stuck on this aswell.

  8. esmi
    Forum Moderator
    Posted 1 year ago #

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

  9. danny_getextra
    Member
    Posted 1 year ago #

    As mentioned esmi, I have google chrome and know how to troubleshoot.

    I've tried canceling out various rules. am here for help :)

  10. esmi
    Forum Moderator
    Posted 1 year ago #

    I'm sorry but it is beyond the scope of these forums to deal with general CSS issues. Try a dedicated CSS resource such as http://www.css-discuss.org/ instead.

  11. danny_getextra
    Member
    Posted 1 year ago #

    every topic I've seen, people post comments like that on.

    This forum says html/css issue's with themes and people above helped me.

    Why is it that we can't just be helpful?

  12. esmi
    Forum Moderator
    Posted 1 year ago #

    It is beyond the scope of these forums to deal with general CSS issues.

  13. danny_getextra
    Member
    Posted 1 year ago #

    I understand what sort of issue's come under general then. I wouldn't consider this a general issue.

  14. esmi
    Forum Moderator
    Posted 1 year ago #

    It is a general issue that is not specific to WordPress.

  15. danny_getextra
    Member
    Posted 1 year ago #

    Actually it seems to be, as the code generated is from wordpress itself.

    It's not listed in my stylesheet, but seems to appear on any list item as an inline style, when i click the list button.

    element.style {
    line-height: 1.714285714;
    font-size: 1rem;
    }

    Thanks

  16. esmi
    Forum Moderator
    Posted 1 year ago #

    The only other place it could be coming from is a custom css section - either in your theme or via a plugin.

Topic Closed

This topic has been closed to new replies.

About this Topic