Additional Styling for Category Page
This article is for adding additional style customization to the Category page. ( AKA Category Archive Page )
Requires KB Template Option
This only applies to the KB Template option. If your using the current theme option in the global wizard then you will need to style this page via your theme settings or you will need to contact the theme company on how to customize Custom Post Type Category Archive Pages.
In this example we will add custom CSS to the style 5 ( Grid ).
Archive Page Title - Icon Color
Copy the URL link to this section to share
Custom CSS
.eckb-category-archive-title .eckb-category-archive-title-icon {
color: #fea208 !important;
}
Archive Page Title - Disc Color
Copy the URL link to this section to share
Custom CSS
.eckb-category-archive-title .eckb-category-archive-title-desc {
color: #fea208 !important;
}
Archive Page Title - Name Color
Copy the URL link to this section to share
Custom CSS
.eckb-category-archive-title .eckb-category-archive-title-name {
color: #fea208 !important;
}
Article Title Color
Copy the URL link to this section to share
Custom CSS
#eckb-categories-archive-container-v2 .eckb-article-title a {
color:blue !important;
}
Read More Text Color
Copy the URL link to this section to share
Custom CSS
#eckb-categories-archive-container-v2 .eckb-article-read-more {
color: purple !important;
}
Have the size of grids be uniform
Copy the URL link to this section to share
Custom CSS
#eckb-categories-archive-container-v2 .eckb-category-archive-style-5 .eckb-article-container {
min-height: 193px;
}
Adding CSS
Adding Custom CSS requires some Knowledge of CSS. You can add this CSS to your theme settings if that is available or to your child theme. If you do not know how to do this, it's best that you contact your web developer.