how can I line up bulleted copy with the bullets?

[mgma]

how can I line up bulleted copy with the bullets?… instead of the copy wrapping all the way back to the left margin like it does now?

Thanks!

[Kyle – SUPPORT]

If you could provide me with a link I will look into it for you

– Kyle

[mgma]

Thanks Kyle…

http://mcalpin.net/spatialpoint/2014/bing-maps-guide/

note the bulleted copy here… the copy in each bullet, when it runs to the next line, goes all the way back to the left margin, instead of lining up with the copy on the first line…

[Kyle – SUPPORT]

Try adding this custom css

li {
  list-style-position: outside;
}

– Kyle

[mgma]

Thanks Kykle! That did it.

[Kyle – SUPPORT]

Great! No problem 🙂

– Kyle

[mgma]

Actually… big problem now…

I don;t want the bullets outside the copy margin… but when I add margin space to the left, it moves other elements to the left too… like the tabs, and portfolio items. I guess because they are LI items too??

I need to be able to bring the bullets over to the right a bit, but not effect ANY other elements but the bulleted copy. How can I do that?

Thanks!

[Kyle – SUPPORT]

Ok change the css to:

.spb_wrapper ul li {
  padding-left: 1em;
  text-indent: -1em;
}

– Kyle

[mgma]

no luck. Try something else?

Thanks

[Kyle – SUPPORT]

I don’t see the css in your custom css?

– Kyle

[mgma]

I got it… I added these…

li {
list-style-position: outside;
}

ul {
margin-left:32px;
}

and then made a specific 0px left margin for the tabs…

.spb_tabs .nav-tabs {
margin-bottom: 20px;
margin-left: 0px;
border-bottom: 1px solid #ddd;

which pulled them back over. Still testing it, but it looks good…

Thanks again…

[Kyle – SUPPORT]

Removing all of that and just having:

.spb_wrapper ul li {
  padding-left: 1em;
  text-indent: -1em;
}

works, but it’s up to you

– Kyle