WordPress.org

1. helloha
   Member
   Posted 9 months ago #
   

   I'm trying to decrease the line hight of the blank breaks in between the different sections in the sidebar menu.

   Does anyone have any idea how to do this?

   I'm able to change the line heights of the titles and links but not of the blank breaks in this css code.

   Cheers,
   K.

   /* =Widgets */
   
   .widget-area {
   	font-size: 12px;
   
   }
   .widget {
   	clear: both;
   	margin: 0 0 2.2em;
   }
   .widget-title {
   	color: #666;
   	font-size: 12px;
   	font-weight: 500;
   	letter-spacing: 0.1em;
   	line-height: 1.6em;
   	text-transform: uppercase;
   
   }
   .widget ul {
   	font-size: 15px;
   	margin: 0;
   }
   .widget ul ul {
   	margin-left: 1.5em;
   }
   .widget ul li {
   	color: #777;
   	font-size: 13px;
   }
   .widget a {
   	text-decoration: none;
   	font-size: 14px;
   	line-height: 1.4em;
   }
   .widget a:hover,
   .widget a:focus,
   .widget a:active {
   	text-decoration: underline;
   }

2. Dave
   Member
   Posted 9 months ago #
   

   If you mean between the widgets themselves, then alter the margin element to this:
   

   .widget {
   	clear: both;
   	margin: 0 0 2.2em;
   }

   The "2.2em" is the bottom margin on every widget. Reduce this.

Reply

You must log in to post.