Indenting a bullet list?

  • Resolved orlisgal

    (@orlisgal)


    8 years, 9 months ago

    Hello – with the UL and OL in the Rambo theme, when the list item is long and wraps, the item does not indent properly; it looks like this:

    *Choice of law and venue. If your group is based in Tennessee, you really don’t want to have a New York court apply New York contract law to your case (well, actually, you might, since New York is doing some good stuff with animal laws). Even more important, you don’t want to litigate your case in New York. You want to do it in Tennessee, in the county in which your pro bono lawyers might be willing to step up. You’ll get a judgment from your court then “domesticate” it in the foreign jurisdiction for enforcement. Remember that whole bit about Sister State judgements from Civics class? Yeah, that.
    *What constitutes abuse or neglect. Okay, be reasonable. If you’re going to insist on organic raw fed beef only, the courts are going to look askance at you.

    I want it to look clean, and indent, so that each time a word wraps, it falls below the start of the previous sentence, not below the number or asterisk.

    Can you tell me which theme file I need to adjust, and the correct code to do this? I can send images of what I want/don’t want it to look like.

    This is the page showing how I do NOT want my list to look like: https://cynmobleylaw.com/category/deep-thoughts-cyn-mobley/rescue/

    Thanks!

Viewing 10 replies - 1 through 10 (of 10 total)

  • style.css line 2473: change list style so the bullet point will appear before (“outside”) the text blocks:
    .blog_single_post ul li, .blog_section2 ul li {
    list-style: disc outside none;
    /*list-style-position: inside;*/
    font-family: ‘RobotoRegular’;
    }

    Thread Starter orlisgal

    (@orlisgal)

    Thank you Methodos. And in what file and where do I place this code?

    EDIT: Oh – I see…the style.css file, got it, thanks! I’ll try this.

    Thread Starter orlisgal

    (@orlisgal)

    Hi Methodos – okay…I made that change, however, for some reason the very first line does not have the Asterisk n front of it…Help!

    It’s on this page: https://cynmobleylaw.com/category/deep-thoughts-cyn-mobley/rescue/

    Thank you!

    Thread Starter orlisgal

    (@orlisgal)

    I’d also like to do the same thing but for numbered lists (OL). Can you tell me how to do that as well? Thanks again!

    Hi

    If you changes UL to OL number list enter like below format in WordPress content editor

    <ol>
<li>check if your friend owns his own yet? No, get one...</li>
<li>yes? is his site already installed and active there, or is he starting a fresh site there...?</li>
</ol>

    Then save and change.

    Thanks.

    Thread Starter orlisgal

    (@orlisgal)

    Thanks Imran Ali, but that is not what I need. I know how to do an OL. What I need to do is as I have described with my initial post. Methodos showed me how to change the code for a UL, but I also need to know how to fix it for an OL.

    Also, when I used his code, the very first item listed does not have an asterisk in front of it. Any idea how one can fix that?

    Thank you for your efforts!

    I can’t see any problem with the CSS suggested by @methodos (using Firefox’ web developer add-on as browser inspection tool);

    expanded to include the ordered list items:

    .blog_single_post ul li, .blog_section2 ul li,
.blog_single_post ol li, .blog_section2 ol li {
list-style-position: outside; }

    please do not edit the stylesheet of your theme directly, better use a custom CSS plugin for the changes.

    please insert the suggested CSS in your site, and post again so a forum member can check the effect on the first line of the list.

    Thread Starter orlisgal

    (@orlisgal)

    Thank you for your help, Michael!

    I don’t see any problem either, however, please visit: https://cynmobleylaw.com/category/deep-thoughts-cyn-mobley/rescue/

    I’ve used Methodos’ code, and the very first bullet point of each section on that page does not include the bullet point! The sentences (“Who is responsible for transportation expenses and to where.” and ““Why?”” towards the bottom) are both indented, but…no bullet point.

    Also – what is this CSS plugin you speak of? Interesting.

    Thank you again. ??

    Thread Starter orlisgal

    (@orlisgal)

    A new development: Your message got me thinking: I can dupe this issue in Chrome, but it works fine and is not apparent in IE or Firefox! I don’t have Safari installed on this system, so couldn’t check it.

    Any suggestions? ??

    I can also reproduce that the first item is missing the ‘dot’ in Chrome – actually, the ‘dot’ is on the right of the column.

    interestingly, the ‘dot’ is in the correct location when you view a single post with the list;

    there has to be something in the CSS which is different for single posts as compared to index or archive pages…

    could be caused by the ‘float: left;’ in here (in style.css of the theme):

    .blog_section2 p{
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif';
	font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0;
    float: left;
	width: 100%;
	word-wrap: break-word;
	word-break: keep-all;
}

    just ask the developer of the theme why that CSS is there and what the specific purpose of the float is…

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Indenting a bullet list?’ is closed to new replies.