Bullets in Sidebar

10 posts from 5 voices

• Started 1 year ago by friedman
• Latest reply from Ismael
• This topic is not a support question

Tags:

No tags yet.

1. 

   friedman
   Member

   Hello - I applied the code from the thread "unordered list not displaying correctly in sidebar" but with no luck. When I code bullets it seems they don't show up in the sidebar. What can I do to fix this? Thanks.

   Posted 1 year ago #
2. 

   Devin
   Moderator

   Hi friedman,

   Can you provide a link to the site? The css might have been specific for that theme and/or site so it might need to be tweaked a bit for you.

   Regards,

   Devin

   Posted 1 year ago #
3. 

   friedman
   Member

   Here is the shortened URL,

   http://goo.gl/FuD6R

   Posted 1 year ago #
4. 

   elames
   Member

   I am stumped as well. I even tried using this coding

   <ul type=”circle”>
   
   <li> Item 1 </li>
   <li> Item 2 </li>
   <li> Item 3 </li>

   And it still won't show a bullet???? Just like it does here :-(

   Posted 1 year ago #
5. 

   Mya
   

   Hi friedman and elames,

   In order to get the bullets to show you'll need to set the list-style-type in your custom.css or Quick CSS.

   So in your case Friedman you would use this:

   .sidebar .textwidget ul {
        list-style-type:square;
   }

   Or you could use this:

   .sidebar ul {
        list-style-type:square;
   }

   You can change "square" to either "circle" or "disc" according to your preference. Also you may need to adjust the margin and/or padding.

   Hope this helps.

   Regards,
   Mya

   Posted 1 year ago #
6. 

   elames
   Member

   THANK YOU!

   Posted 1 year ago #
7. 

   friedman
   Member

   It didn't work for me, I have already added some code to the custom.css to remove the home page. This is what the custom.css looks like,

   /* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

   .home #main {
   display: none;
   }
   .sidebar ul {
   list-style-type:square;
   }

   Posted 1 year ago #
8. 

   Mya
   

   Hi friedman,

   Try adding a left margin to your .sidebar ul like this:

   .sidebar ul {
   list-style-type:square;
   margin-left:15px;
   }

   Regards,
   Mya

   Posted 1 year ago #
9. 

   friedman
   Member

   That worked, thanks for the help!

   Posted 1 year ago #
10. 

    Ismael
    Moderator

    Hi,

    Glad that it worked for you. :)

    Cheers,
    Ismael

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.