bullets in text widge/sidebar

Homepage › Community Forums › Epik Theme Support › bullets in text widge/sidebar

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 17, 2014 at 11:39 am #13904
    Robert
    Customer

      I’m trying to have bulleted lists appear in my sidebar using a text widget. However, the CSS is causing bulleted lists not to work properly in this area. There is no indent on the lists and no bullets. I tried to edit the CSS file to make the …

      .sidebar li {
      list-style-type: none;

      Changing this from “none” to “disc” (or anything else), has no effect.

      Any help with up updating the css to get bulleted lists working in the sidebar would be great.

      September 17, 2014 at 1:10 pm #13909
      Eric
      Customer

        Hi do you have a link to your site so I can check it out?

        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        September 17, 2014 at 4:47 pm #13911
        Robert
        Customer

          There is an example list on this page under “Priority Concepts Include” in the sidebar…

          http://successcoach.wpengine.com/superfocus/

          Thanks for taking a look.

          September 19, 2014 at 8:35 am #13929
          pgtreacy
          Customer

            Hi Robert,

            This rule in the Epik style.css is setting the padding on the <ol> to 0 which is pulling your list to the left edge of the container and hiding the bullets

            ol, ul {
            margin: 0px;
            padding: 0px;
            }

            Phil

            September 19, 2014 at 2:10 pm #13932
            Robert
            Customer

              Phil,

              Thanks, but changing these values is having no effect on bulleted lists in sidebars.

              September 19, 2014 at 6:21 pm #13937
              pgtreacy
              Customer

                Hi Robert,

                In Epik style.css the list-style-type for the .sidebar li is currently set to none

                .sidebar li {
                list-style-type: none;
                margin-bottom: 6px;
                padding: 0px;
                word-wrap: break-word;
                }

                Change this to some value other value like circle or disc(I thought it was set to disc yesterday)

                .sidebar li {
                list-style-type: disc;
                margin-bottom: 6px;
                padding: 0px;
                word-wrap: break-word;
                }

                Doing this in combination with removing the padding should work. When I do this in the code Inspector I can see bulleted lists.

                Cheers

                Phil

                September 20, 2014 at 5:14 pm #13957
                Robert
                Customer

                  Adding this to the end of my css still does nothing to add bullets to the site…

                  .sidebar li {
                  list-style-type: disc;
                  margin-bottom: 6px;
                  padding: 0px;
                  word-wrap: break-word;
                  }

                  See http://successcoach.wpengine.com/superfocus/ (Priority Concepts Include on the sidebar)

                  September 20, 2014 at 6:45 pm #13960
                  pgtreacy
                  Customer

                    Hi Robert,

                    You have to give the <ol> padding as well as give the <li> a bullet list-style-type

                    The rule that is giving the <ol> 0 padding is still in place

                    ol, ul {
                    margin: 0px;
                    padding: 0px;
                    }

                    You have to give the <ol> some left padding (40px), or remove this rule altogether, for the bullets to be visible.

                    Phil

                  • Author
                    Posts
                  Viewing 8 posts - 1 through 8 (of 8 total)
                  • You must be logged in to reply to this topic.