WordPress.org

Ready to get started?Download WordPress

Forums

Post Category Index Generator
Indents not working (5 posts)

  1. srsheldon
    Member
    Posted 2 years ago #

    Hi Marcos,

    Your plugin is wonderful and solves a problem I had with showing my list of products in one place that would also work well on mobile devices.

    There are just a couple problems I'm having:

    1. The posts are not indenting below the category name
    2. The subcategories aren't indenting below the category name
    3. I'm having trouble styling the different elements and could use some suggestions.

    Basically, everything is coming out as a list, even when it's display=tree.

    The result looks like this:

    - Category
    - Post
    - Post
    - Post
    - Subcategory
    - Post
    - Post
    - Post
    - Subcategory
    - Post
    - Post
    - Post

    How can I correct that?

    Please note that I am not a programmer at all. I just try to figure things out by looking at the code that's already there. So no complicated solutions!

    Thanks!

    Sharyn

    http://wordpress.org/extend/plugins/post-category-index-generator/

  2. Marco Constancio
    Member
    Plugin Author

    Posted 2 years ago #

    Have you verified you theme css file ? is there any code specify to list that was added ?

    Can you make a small test by changing the theme to the wordpress default theme and see if the problem persist ?

  3. shoalslocal
    Member
    Posted 1 year ago #

    I've run into a similar issue, but I may have unknowingly caused this one myself. I've created 2 columns where the lists are going to be displayed, but they will only indent in the left column. The right column will never indent and changes to the CSS classes have no effect on the right column.

    I'm not brand new to this, but I'm no expert either. Any help would be appreciated.

  4. Marco Constancio
    Member
    Plugin Author

    Posted 1 year ago #

    Whitout more information it dificult to give advice. What I recommend to do is:

    - Temporarly change to the theme that you are using to check if the problem is the theme or something else. If it is the theme try search for ul and li elements a see that values for margins they have ou try adding to your theme css to test if changes anything:

    .pcig-li-item{ margin-left: 10px;}
    or
    .pcig-top-ul-list{ margin-left: 10px; }

    a list of classes that you can use, is on the instalation page.

    - Try to disable plugins to verify it isn't one them that is providing additional css and if it is, contact the creator of the plugin.

    Without more info, I can't really provide more advice than this, considering that

  5. cjmusante
    Member
    Posted 1 year ago #

    When I originally installed this plug-in, I found that the styling was difficult to manage, because it relied on all of the inherent and underlying styles for OL, UL, and LI. So, each time I changed these underlying selectors to address a formatting issue with PCIG, the rest of the lists became sub-optimal. So, I ended up doing some extensive modifications on the styles, and now, it looks much better. It's not perfect, but it's much better.

    .category-list-page ul li{
    	background:none;
    	list-style-type: inherit;
    }
    /* style below works perfectly controls padding, bkgrnd color for the line on which the major category is present. */
    .pcig-category {
    		float: left;
    		/* Following 2 lines added for testing purposes*/
    		margin: 22px 1px 0px 15px;
    		padding: 1px;
    		background:transparent;
    		list-style-type: none;
    		}
    
    .pcig-top-ul-list {
    		margin: 20px;
    }
    /* style below controls color and margin and padding for date and author, to the right of article title.*/
    .pcig-li-item {
    		color: #111111;
    		list-style-type: none;
    /*
    		margin-top: 0px;
    		margin-bottom: 0px;
    		padding-top: 0px;
    		padding-bottom: 0px;
    */
    
    }
    /* style below works perfectly controls font size, color and left margin for major-categories */
    .pcig-ul-list-top li.pcig-li-item{background:none;}
    .pcig-category-link {
    		padding-left: 0px;
    		margin-top: 0px;
    		margin-bottom: 0px;
    		color: #313131;
    		font-size:28px;
    		font-weight: bold;
    }
    .pcig-category-link a:hover {
    		color: #1C5080;
    		font-weight: bold;
    }
    
    /* Controls the title of the post, and margin and padding settings for it.
       Must also be complimented by making adjustments to */
    .pcig-post-title{
    		color: #1F4F82; font-size:30px;
    		font-weight: normal;
    }
    span.pcig-post-title {
        float: left;
        padding: 0 5px 0 0;
        font-size: 14px;
        color: #111111;
    }
    /* style below works controls link to post in detailed list for for font color and weight, does not work for font size. */
    .pcig-post-title-link,
    .pcig-post-title-link a,
    .pcig-post-title-link a:link,
    .pcig-post-title-link a:visited,
    .pcig-post-title-link a:focus {
    		color: #1F4F82;
    		font-weight: normal;
    		margin: 0px;
    }
    
    .pcig-post-excerp{}
    
    /* style below works controls link to post in detailed list for for font color and size. */
    .pcig-ul-list a, .pcig-ul-list a:link, .pcig-ul-list a:visited, .pcig-ul-list:focus{
    		color: #1F4F82;
    		font-size:14px;
    }
    /* style below works controls link to post in detailed list for for font treatment and color, when mouse-over. */
    .pcig-ul-list a:hover {
    		text-decoration: underline;
    		color: #000000;
    }
    /* style below works controls the complete list as a big block.  Simultaneously sets padding for the entire box. */
    
    ul.pcig-ul-list {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    /* style below works. Controls each line within list as lines, not as text.  Also sets bullet image */
    ul.pcig-ul-list li {
        background: url("images/bullet/red-bullet-20.png") no-repeat scroll left top transparent;
        float: left;
        margin: 0;
        padding: 1px 0 2px 18px;
        width: 100%;
        word-wrap: normal;
        font-size: 12px;
    }
    /* style below works perfectly controls spacing for sub-categories */
    .pcig-ul-list h3{
    	padding-top: 10px;
    	padding-bottom: 1px;
    	padding-right: 0px;
    	padding-left: 5px;
    	color: #313131;
    	font-size:20px;
    }
    ul.pcig-ul-list li.phead {
    	margin: 0px 0px 0px 15px;
    	padding: 0;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic