Bullet point issue

This topic has 4 replies, 2 voices, and was last updated 9 years, 3 months ago by Michaela.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
July 17, 2015 at 12:25 pm #61144

Michaela
Participant

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

July 21, 2015 at 3:21 pm #61271
Sakin
Keymaster
@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;
}
```
July 22, 2015 at 4:23 pm #61338

Michaela
Participant

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

July 24, 2015 at 7:05 pm #61467

Sakin
Keymaster

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

July 28, 2015 at 2:44 pm #61667

Michaela
Participant

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