Ready to get started?Download WordPress


Twenty Fourteen Widget White Space (5 posts)

  1. Waldoctg
    Posted 5 months ago #

    How do I make the space between the widgets not so much white space on the Twenty Fourteen theme for WordPress?

  2. Adrian Houle
    Posted 5 months ago #

    You need to add custom CSS to reduce the top padding of the widget.

  3. Waldoctg
    Posted 4 months ago #

    Does anyone know how to do this?

  4. tvi55
    Posted 1 month ago #

    To reduce the space between widgets you have to modify (reduce) the margin-bottom in the following:

    .widget {
    	font-size: 14px;
    	-webkit-hyphens: auto;
    	-moz-hyphens:    auto;
    	-ms-hyphens:     auto;
    	hyphens:         auto;
    	line-height: 1.2857142857;
    	margin-bottom: 48px;
    	width: 100%;
    	word-wrap: break-word;

    All such changes should not be done directly in the original theme but using a child theme.

  5. tvi55
    Posted 1 month ago #

    In addition to the above change you might consider for a balanced appearance to reduce also the space between the widget's title and its body. There you have to modify (reduce) the margin in the following

    .content-sidebar .widget .widget-title {
    	border-top: 5px solid #000;
    	color: #2b2b2b;
    	font-size: 14px;
    	font-weight: 900;
    	margin: 0 0 18px;
    	padding-top: 7px;
    	text-transform: uppercase;

    I have changed the values from 48px to 24px (previous post) and from 0 0 18px to 0 0 6px (this post).


You must log in to post.

About this Topic