Unordered list only workng in Firefox

  • Resolved viensia

    (@viensia)


    11 years ago

    I can’t be the only person with this problem, but can’t find an answer anywhere, so here goes:
    This is my first time using a centered or right aligned unordered list. Obviously, I’m missing something as the bullets stay to the far left while the “list” is positioned properly. This happens in all browsers except for Firefox (which I use WP in.)
    The page that I’m working on is at https://nolagoodeats.com/test/. I’m using wp 3.5. with a twentyeleven child theme.
    Any assistance will be greatly appreciated!!

Viewing 11 replies - 16 through 26 (of 26 total)
  • Thread Starter viensia

    (@viensia)

    To esmi:
    .entry-utility {
    display: all;
    }
    I believe that this is line 143 in my child theme,please tell me what is wrong with it so that I may fix it,thank you!!

    SWalberg

    (@swalberg)

    Sorry, I’m not going to be much more help here. They seem to do it in the linked jsfiddle but I just gave it a shot with the chrome inspector and couldn’t reproduce it on your page.

    Stuff like this isn’t my strength, I had hoped that the link would have pointed you in the wrong direction.

    Maybe browse around Stack Overflow a bit more and someone will have a better solution.

    SWalberg

    (@swalberg)

    BTW “all” isn’t a valid value for the display property. See https://developer.mozilla.org/en-US/docs/Web/CSS/display

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you can replicate the problem again and link us the page that would be helpful.

    Thread Starter viensia

    (@viensia)

    Hi WPyogi, “And get rid of the “center” CSS on the list elements”
    I’m not seeing that, only in html, which I got rid of, again, please tell me what I am missing??/

    Thread Starter viensia

    (@viensia)

    Thank, you Sean! I had originally put a display:none in css for the entry-utility and tried to correct it with display:all, don’t ask why.
    As I said, I’m still learning

    Thread Starter viensia

    (@viensia)

    Hi Andrew Nevins, it’s at
    https://nolagoodeats.com/test/!

    Thank you!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Updated
    Use this CSS:

    .wdd ul {
    list-style-position: inside;
}

    Thread Starter viensia

    (@viensia)

    Thank you Andrew! I had looked at other pages with the position:inside; css but they all referred to links or more of a .nav situation, thought that didn’t apply to this. Thanks to everyone for your help, you are all very appreciated!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You might get more help from a CSS forum like https://csscreator.com for other CSS issues – They specialise in CSS support rather than WordPress

    Thread Starter viensia

    (@viensia)

    Thank all you again, and thanks for the csscreator link, Andrew!

Viewing 11 replies - 16 through 26 (of 26 total)
  • The topic ‘Unordered list only workng in Firefox’ is closed to new replies.