• Some of the subcategories (pages) on my sidebar are too long and they wrap into the second line but they don’t automatically indent inline with the first line. See website: https://www.naturalsystemsutilities.com/

    Here is my style css code. What should I fix in this code to have the second line indent:

    /*
    Theme Name: NSU
    */
    
    /* main elements */
    
    #header ul li{text-transform:uppercase;}
    .list li li li a , .list li li li .active a {
    
    }
    #commentform fieldset{border:none;}
    #comments li {list-style:none;}
    #commentform input{ width:300px; margin: 5px 0 5px 0;}
    #commentform #submit{ width:150px;}
    .navigation .next{float:right;}
    
    .articless {
        float: left;
        padding: 29px 10px 0 3px;
    
    }
    .articless img {
        float: left;
        margin: 0 10px 0 0;
    }
    .mark{ margin: 0 0 28px;}
    #content .mark p{margin:0;
     display: inline;
    }
    
    #content .gallery img {
          border: 1px solid #000000 !important;
    }
    ul.gallery{  width: 694px; }
    .gallery .desc{width: 157px;}
    .articless { margin: 0 0 14px;}
    #content .articless p{margin:0;  display: inline;}
    #respond{display:none;}
    img.size-auto,
    img.size-full,
    img.size-large,
    img.size-medium,
    .attachment img {
    	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
    	height: auto; /* Override height to match resized width for correct aspect ratio. */
    }
    .alignleft,
    img.alignleft {
    	display: inline;
    	float: left !important;
    	margin-right: 24px;
    	margin-top: 4px;
    }
    .alignright,
    img.alignright {
    	display: inline;
    	float: right !important;
    	margin-left: 24px;
    	margin-top: 4px;
    }
    .aligncenter,
    img.aligncenter {
    	clear: both;
    	float: none;
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    img.alignleft,
    img.alignright,
    img.aligncenter {
    float: none;
    	margin-bottom: 12px;
    }
    .treatment #content h3, .treatment h3{
     padding: 10px 0 0 0 !important;
    }
    
    .article .people-title {
        color: #2E6480 !important;
        font-size: 1.142em !important;
        line-height: 1.2em !important;
        margin: 0 0 8px !important;
        text-transform: uppercase;
    }
    #sidebar ul ul ul  li.active a {
        border-left: 5px solid #4B7340;
        padding-left: 4px;
     background: url(images/bull2.gif) no-repeat scroll 5px 5px transparent !important;
     padding-left: 13px;
    }
    #sidebar ul ul ul  li a
    {
    background: url(images/bull2.gif) no-repeat scroll 5px 5px transparent !important;
     padding-left: 13px;
    }
    #sidebar ul ul ul{ padding: 0 !important;}
    .article { width: 560px !important;}
    .add-nav { width:142px !important;}
    .people #content h2 {color: #2E6480;font-size:1.142em}
    .articles-people { float: left;
        padding: 29px 10px 0 3px;}

  • The topic ‘sidebar subcatagory second line won't indent wordpress’ is closed to new replies.