[Michaela]

Hi Sakin,
I have two issues with bullet points that seem to be theme related:
1. When I have an unordered list, the first bullet points starts way on the left, so that the first letter of the following text is underneath the first letter of the line above. This should be changed to the bullet point starting right underneath the first letter of the line above, meaning the first letter of the bullet point list would then start a little bit further to the right
2. When I have an unordered list with two hierarchies, the first bullet point in my WordPress editor is shown as a solid circle, where as the second in hierarchy is more a circle with white inside. However, in my theme they both show as solid circles, and show up underneath each other. What I want to have is two different kinds of bullet points, depending on the hierarchy, and also the second hierarchy bullet point should start underneath the first letter of the first hierarchy bullet point.
Thanks for your advise with this!
Michaela

[Sakin]

@Michaela: Sorry for late reply as I was out of internet for 2 days.

Here you can see in demo the design of ordered and unordered list: http://catchthemes.com/demo/catch-kathmandu/2013/01/11/markup-html-tags-and-formatting/

But if you want to change, then you can add the following css in “Appearance => Theme Options => Custom CSS” box:

.entry-content ul  {
    list-style: inside none disc;
}
.entry-content ul li {
    margin-left: 0;
}
.entry-content ul  ul {
    list-style: inside none circle;
}
.entry-content ul ul li {
    margin-left: 36px;
}

[Michaela]

Hi Sakin,
Thanks a lot for the demo link as I hadn’t seen this one before.
I like the way your unordered list looks in the demo. Okay, it shows solid circles for both hierarchy levels, but I could live with that. What is interesting is that the demo shows the second level of bullet points with some margin from the left side. But if you look at our page http://travelintense.com/travel-equipment/maps/french-polynesia-map/, this is not the case. Where it says “French Polynesia: Papeete (1:44.000), …” should be the beginning of the second hierarchy level, but it shows the same margin from the left as the first level. I checked my child-theme stylesheet, and I couldn’t find any customized coding that applies to ul, so I don’t know why it’s not showing properly on our page. Maybe you have a clue?
Thanks a lot,
Michaela

[Sakin]

@Michaela: It’s because of your image on the left. Either remove that or make that image align right and it will work fine.

[Michaela]

Hi Sakin,
thanks for that tip. I guess I’ll have to try using a table to keep that pic on the left.
Cheers,
Michaela

[Author]

Posts