[Resolved] Space in widget-titles and at the blog-site

Home Forums Support [Resolved] Space in widget-titles and at the blog-site

Home Forums Support Space in widget-titles and at the blog-site

  • This topic has 12 replies, 2 voices, and was last updated 9 years ago by Nick.
Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #29562
    Nick

    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

    #29619
    Nick

    I could resolve my first request with the following css:

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

    πŸ™‚

    #29763
    Tom
    Lead Developer
    Lead Developer

    For #2 –

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

    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;
    }
    #31838
    Tom
    Lead Developer
    Lead Developer

    You’re welcome!

    #32424
    Nick

    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. πŸ˜‰

    #32463
    Tom
    Lead Developer
    Lead Developer

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

    #32680
    Nick

    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

    #32944
    Tom
    Lead Developer
    Lead Developer

    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 πŸ™‚

    #33020
    Tom
    Lead Developer
    Lead Developer

    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 πŸ™‚

    #33162
    Nick

    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

    #33206
    Tom
    Lead Developer
    Lead Developer

    Yes, I’ll be adding more options to the Spacing addon, including paragraph spacing and more πŸ™‚

    #33561
    Nick

    Nice news, thanks in advance! πŸ™‚

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.