Archived topic

Space in widget-titles and at the blog-site

12 replies · Started by Nick on September 15, 2014

Viewing posts 1–13 of 13

September 15, 2014 at 2:12 am #29562

Hello Tom, hey Guys,

i got two problems with spaces which make me confusing:
1) Between widget-lines and the divider-lines (borders?!) there is a lot of space. With the code

.widget-title {
  margin-bottom: 10px;
}

in custom css i could reduce the space between the divider line and the widget contents. How could i reduce the space between widget-titles and the lines?

2) At my blogsite (masonry) there is a lot of space between the title-/date-area and the text of the blog. How could i reduce this space?

For your help thanks in advance. :-)

Best Wishes, Nick

September 15, 2014 at 3:49 am #29619

I could resolve my first request with the following css:

.widget-title {
margin-bottom: 10px;
padding-bottom: 10px;
}

September 15, 2014 at 9:19 am #29763

For #2 -

.masonry-brick .entry-content, 
.masonry-brick .entry-summary {
      margin-top: 20px;
}

September 19, 2014 at 4:25 am #31738

Perfect, thanks tom! :-)

How could i reduce the space in the bottom area of an blog? I tried the following, without success:

.masonry-brick .entry-content, 
.masonry-brick .entry-summary {
	margin-top: 5px;
	margin-bottom: 5px;
}

September 19, 2014 at 8:47 am #31838

You're welcome!

September 21, 2014 at 6:01 am #32424

Hey Tom,

i would imagine, that you read over the question in my last post, regarding to the space in the bottom area?

Thanks in advance. ;-)

September 21, 2014 at 9:38 am #32463

What do you mean by bottom area of a blog? Single post? Blog excerpt?

September 22, 2014 at 12:35 am #32680

Hey Tom,
i mean the space in masonry view of the blogs. You could see it in the following pic: http://img4web.com/i/WJVWT7.jpg

September 22, 2014 at 10:06 am #32944

That area should reduce when you change the Content Spacing using the Spacing addon.

Is the site live? If I could see it I could provide code that will fix it pretty easily.

Let me know :)

September 22, 2014 at 1:14 pm #33020

I think the issue you're having is because of the bottom margin of paragraph tags.

While we need paragraph spacing, we don't always need the last paragraph to have spacing.

p:last-child {
      margin-bottom: 0;
}

Adding that CSS should remove spacing from the last paragraph throughout your entire site.

Let me know if that helps or not :)

September 23, 2014 at 1:41 am #33162

Hey Tom,

perfect you're great, that was exactly the code i where searching for. :-)

Do you have any summary - or plan - for all the CSS, which is not modifiable with spacing addon?

Greetings from Germany
Nick

September 23, 2014 at 9:50 am #33206

Yes, I'll be adding more options to the Spacing addon, including paragraph spacing and more :)

September 24, 2014 at 3:11 am #33561

Nice news, thanks in advance! :-)

This archived topic is closed to new replies.

Start building better websites today.