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