Epik Theme, Adding bullets to sidebar

Homepage Community Forums General Epik Theme, Adding bullets to sidebar

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #13984
    Robert
    Customer

      I’m a week into trying to get a fix for this…I simply need to make it so that bullets work in sidebars.

      I think the relevant lines in the CSS file are…

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

      Changing this to the following (only list-style-type and padding changed) effects the padding but still will not show bullets.

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

      See the list in the sidebar here to see what this is doing…

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

      #13985
      Wes
      Moderator

        Hello Robert I can help you out with this.

        If you add this code – margin-left: 20px; to your .sidebar li it will show the bullets –

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

        I usually give line numbers in the css, but it looks like you’re adding some custom css somewhere. So you can add that in with your custom css, and it should fix it.

        What’s happening is the bullets are there, but you’ll need to add some margin/space in order for them to actually show up and be visible on the site. Here is what it should look like once you add that line of code to the .sidebar lihttp://i.imgur.com/BVVmP08.png

        #13987
        Robert
        Customer

          Thanks! That fixed it!

          #13990
          Wes
          Moderator

            You’re Welcome!

          Viewing 4 posts - 1 through 4 (of 4 total)
          • The topic ‘Epik Theme, Adding bullets to sidebar’ is closed to new replies.