Bullet character problem

Discussion in 'Traffica WordPress Theme' started by vesity, Oct 22, 2014.

  1. vesity

    vesity Member

    Joined:
    Oct 3, 2013
    Messages:
    241
    Likes Received:
    0
    Hi. The bullets and sub-bullets are the same character on my site, even though they are different within the dashboard editor. Here is an example of bullet points with sub-bullet points:
    Dashboard vs website
    Dashboard view1.jpg Website view1.jpg

    Here is an example of numeric points with sub-bullet points:
    Dashboard visual Dashboard HTML vs website
    Dashboard view2.jpg HTML text view2.jpg website view2.jpg

    So even though dashboard shows this as sub-bullet character: ¢
    It ends up being same as standard bullet character.
    www.vesity.net
    Ÿ
     
  2. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .page-container ul li {
    font-size: 16px;
    list-style-type: circle;
    }
    Thanks & Regards
    Pramod
     
  3. vesity

    vesity Member

    Joined:
    Oct 3, 2013
    Messages:
    241
    Likes Received:
    0
    Hi. Thanks for your help. Unfortunately, this resulted in two problems:
    1. Now ONLY the circle (sub-bullets) appear -- the standard bullet characters are gone.
    circles instead of bullets.jpg
    2. The circle bullets have been added to other unwanted locations on the site, including the menu sidebar area.
    bullets at menu.jpg
     
  4. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Please use below code for circle only on post page not in side bar content.

    Code:
    .post_content ul li{
    list-style-type: circle;
    }
    Thanks & Regards
    Pramod
     
  5. vesity

    vesity Member

    Joined:
    Oct 3, 2013
    Messages:
    241
    Likes Received:
    0
    Thanks Pramod. That fixes the 2nd problem (circle added to other parts of site). But it doesn't fix the 1st problem (ONLY the circle (sub-bullets) appear -- the standard bullet characters are gone.) (See image above) In other words, now it's just circles and NO dots. But it should be both. (Dots as bullets and circles as sub-bullets. )
     
  6. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Please specify where you want to dot and where you want to circle.
    If you have a list in side a list then you can change representation for both.
    But on same list same level you cannot use both representation(dot and circle).
    Thanks & regards
    Pramod
     
  7. vesity

    vesity Member

    Joined:
    Oct 3, 2013
    Messages:
    241
    Likes Received:
    0
    That's exactly what I'm referring to, a list inside a list. If you look at the image you'll see it's not working -- it was previously ALL dots, and now it is ALL circles. Should be both.
     
  8. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    Please give me a page link in which page you used the list or list inside list this will help me a lot.
    Still i am little confused please make me clear to solve this.

    list should be number list and its sub list should be circle?
    list should be bullet and its sub-list should be circle?
    list and sub-list both should be circle?
    list and sub-list both should be bullet?

    Thanks & Regards
    Pramod
     
  9. vesity

    vesity Member

    Joined:
    Oct 3, 2013
    Messages:
    241
    Likes Received:
    0
    Hi Pramod. This best way to show you is to make up a page which explains what I'm talking about.
    Here it is: http://vesity.net/test-page-to-show-lists-and-sub-lists/
    Please note that both list and sublist have same character (dot).
    That's why I contacted you. Then you gave me some CSS code (which only effects posts, not pages), but it just changed EVERYTHING to circles, instead of changing only the sub-lists.

    WHAT I WANT...
    In both pages and posts, lists should be dots, and sub-lists should be circles.
    That's all I'm asking for. It appears this way in my dashboard view, but when published, the page or post uses ALL dots (or ALL circles in posts, using your CSS code).
     
  10. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .page-content .content-bar ul li li {
    list-style-type: circle;
    }
    .post_content ul li li{
    list-style-type: circle;
    }
    Thanks & Regards
    Pramod
     
  11. vesity

    vesity Member

    Joined:
    Oct 3, 2013
    Messages:
    241
    Likes Received:
    0
    I think you may have fixed it!
    Thanks!
     

Share This Page