• 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.

    https://goo.gl/fv2Kd

    Many Thanks

Viewing 15 replies - 1 through 15 (of 15 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter danny_getextra

    (@danny_getextra)

    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;}
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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; }

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

    ol {}
    ul {list-style: disc inside;}
    Thread Starter danny_getextra

    (@danny_getextra)

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

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

    Thanks guys.

    Thread Starter danny_getextra

    (@danny_getextra)

    The next problem is making the font size 12px.

    Seem to be stuck on this aswell.

    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.

    Thread Starter danny_getextra

    (@danny_getextra)

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

    I’ve tried canceling out various rules. am here for help ??

    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 https://www.css-discuss.org/ instead.

    Thread Starter danny_getextra

    (@danny_getextra)

    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?

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

    Thread Starter danny_getextra

    (@danny_getextra)

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

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

    Thread Starter danny_getextra

    (@danny_getextra)

    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

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

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Css List fix’ is closed to new replies.