Support » Fixing WordPress » unordered or ordered lists not indenting

  • Resolved motomixon

    (@motomixon)


    I have placeed an unordered list on a page, but the list does not indent. The theme is Overall 1.3 by Codestar. Although the list is in the main body of the page, my trying to stick similar code in sidebars also does not cause the list to indent.

    Here is the list.

    <blockquote>
    <ul>
    	<li>Young children learn through imitation.</li>
    	<li>Finding and creating rhythm in the home and school life helps the children feel secure</li>
    	<li>and builds a well of inner self discipline.</li>
    	<li>Children need the protection of the senses in the early years and deserve to be</li>
    	<li>surrounded by goodness and beauty.</li>
    	<li>Children’s play is their work and is an important part of their healthy development.</li>
    	<li>Connecting play to the seasons of the year is wholesome for the young child encouraging a love and respect of our Mother Earth.</li>
    </ul>
    </blockquote>

    Here is what I think is the pertinent section of the style.css (if that helps …?)

    '-------------------------------------------
    	2. Page Container
    -------------------------------------------
    */
    .page_container_bg{		min-height:400px; width:100%;	padding-top:40px; padding-bottom:20px;	}
    .page_container{		margin-bottom:30px;		margin-left:auto;	margin-right:auto;	width:960px;	display:table;	background:url(../images/end_shadow.png) no-repeat scroll 710px bottom transparent;	 }
    .page_content{ 			float:left;	padding:0;	width:720px; background:url(../images/begin_shadow.png) no-repeat scroll 710px top transparent;	}
    .page_content_text{		display:table;	padding-right:30px;	}
    
    .page_full_container{		margin-bottom:30px;		margin-left:auto;	margin-right:auto;	width:960px;	display:table;}
    .page_full_content{ 		float:left;	padding:0;	width:960px;	}

    I am not very experience in HTML, but I don’t see any reference to lists in that section. Any other references are only in various menu sections or footers.
    I’m stumped.

    Here’s the page: link

    Thanks for looking.

Viewing 8 replies - 1 through 8 (of 8 total)
  • You can probably skip the blockquote (and the ul)

    Then add this to the bottom of your stylesheet:

    .page_content_text li {padding-left: 25px;}

    You can adjust the #px to your liking.

    You can also move the ul:

    .page_content_text ul {padding-left: 25px;}

    Thread Starter motomixon

    (@motomixon)

    Thanks, Seacoast!!
    Is it necessary to put your suggestion right next to the other .page_content_text descriptor? (Above? or below?)

    And also, if you don’t mind, where do you think I should look in the style sheet to change the default font size for the pages content?

    add that to the bottom of your stylesheet

    You can add a comment line like this

    /* I added below on Aug 15 2012 to indent a list in a page */

    putting at bottom of stylesheet will override anything above.

    Your site is using several stylesheets, style.css, reset.css, shortcodes.css etc. – you may need to figure out which one(s) to add this all to.

    Now, your second question:

    .page_content_text {
    font-size: 1.4em;
    line-height: 1.6em;
    }
    
    .page_content_text p {
    line-height: 1.6 em;
    margin-bottom: 0.5em;
    }

    You can adjust the numbers (ie 1.2 and 1.4, just make sure the line-height is bigger) and add this to very bottom of stylesheet also.

    Thread Starter motomixon

    (@motomixon)

    Again, many fine thanks.
    These various descriptors (I guess they are properly called selectors), like .page_content_text, — are these peculiar to wordpress, my specific Theme authors, or are these common to all style.css files? I just googled searched http://www.w3schools.com and found no hits. Checking here http://make.wordpress.org/core/handbook/coding-standards/css/ and here https://github.com/necolas/idiomatic-css I also did not find the keywords either.
    So I guess they are particular to the Theme??
    At any rate, why isn’t position significant for selectors? BUT, after checking the style.css again. I realize that the only forming into “chapters” is accomplished by comments. In terms of code, it is all a single long file!!
    And with that I promise not to ask any more questions!!
    With regards!

    A style can have any name one wants…There are preset ones that are supported and have defaults in all major browsers…your theme uses the styles noted (which one can see when the site/page is browsed to and reviewed using web inspection tools such as Firebug for Firefox, the IE9 F12 dev. tools, or Chrome inspect element, among many others – we have modified them slightly to your liking.

    Thread Starter motomixon

    (@motomixon)

    Ok, I have my question answered. Thanks for the great support.

    Glad to assist

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘unordered or ordered lists not indenting’ is closed to new replies.