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 ?
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.
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
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;
}
