Print

Additional Styling of Sidebar

If you want to further customize your Sidebar you can use the CSS snippets below. We will be adding these as settings in the future, for now, you can add this CSS to add this further customization.

CSS
/* Changes the Sub Category Icon Size */
#elay-sidebar-container-v2 .elay-category-level-2-3 .elay_sidebar_expand_category_icon {
    font-size: 12px;
}
CSS
/* This will add spacing above the second Category */
#elay-sidebar-container-v2 .elay-sidebar__cat__top-cat:nth-child(2) {
  margin-top:10px;
}

/* This will add spacing above the third Category */
#elay-sidebar-container-v2 .elay-sidebar__cat__top-cat:nth-child(3) {
  margin-top:10px;
}
/* Note: :nth-child(3) change the number to target specific category */
CSS
/* Recent Articles Text and Icon size in the Right Sidebar */
#eckb-article-right-sidebar .widg-widget-article-container {
	font-size: 13px;
	
}
CSS
/* Recent Articles Title ( Right Sidebar )
 * Text Size 
 * Font weight
 * Bottom Spacing
*/
#eckb-article-right-sidebar .widg-widget-article-contents h4 {
	font-size: 15px;
    font-weight: bold;
    border-bottom: solid 1px #ccc;
    margin-bottom: 10px;
}
Adding Custom CSS to Your Site​

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, talk to your web developer.

Was this article helpful?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Need help?
Previous Sidebar Layout
Table of Contents

Recent Articles