Support » Themes and Templates » Twenty Fourteen Widget White Space

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • You need to add custom CSS to reduce the top padding of the widget.

    Does anyone know how to do this?

    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.

    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).

    I tried to reduce the space between the widget’s title and its body, but it does not work.
    I did reduce the margin between the widgets.

    What can I do now?

    http://leeslog.renatevanderveen.nl

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Twenty Fourteen Widget White Space’ is closed to new replies.