How to remove space between widgets

Forums » WordPress » Anima » How To

  • Author
    Posts
  • December 30th, 2020 at 19:10 #111180
    mbb111

    Hi,

    please explain how I can change the space between the widgets, they are too large. I tried several codes in the Additional CSS option, nothing worked.

    Many thanks in advance.

    Regards

    Website: www.enlighteningspark.com

    December 30th, 2020 at 20:41 #111195
    Zed
    Cryout Creations mastermind

    Hi,
    The following CSS should handle that:

    body .widget-container {
    margin-bottom: 1em;
}

    Theme’s default value is 3.5em.

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    December 30th, 2020 at 21:53 #111201
    mbb111

    Wow it worked! Thank you so much!!!

    If possible, could I also get the code for making the space between the widgets and the header smaller? The space between the header and the social media icons are still a bit large.

    Many thanks!

    Regards

    December 30th, 2020 at 23:20 #111204
    mbb111

    Ok, it looks like I found out the one with the widget-header space by myself 🙂 But thanks for your help!!

    December 31st, 2020 at 01:35 #111215
    mbb111

    Sorry once again. I have also searched for hours how to change the size of the gap between the Posts (between right and left post as well as above and below posts).

    In the theme editor I found:

    .lp-blocks2 .lp-block i::before {
    border: 0;
    font-size: 28px;
    width: 3em;
    padding: 1em;
    }

    is this the right one? But when I change the 3em to 2em, nothing happens. Do I need put something before the code?

    December 31st, 2020 at 18:20 #111262
    Zed
    Cryout Creations mastermind

    Your CSS refers to the landing page block’s icons – do you want to modify distances between individual blocks in the blocks section or posts in the posts list?

    For posts, use the CSS below to alter the margins:

    body.anima-magazine-two #content-masonry article.hentry {
    margin-bottom: 2%; /* default is 7% - safe to customize */
    margin-left: 2%; /* default is 3% */
    margin-right: 2%; /* default is 3% */
    width: 46%; /* default is 44% */
}

    Note that modifying the horizontal margins (and width) can cause issues with both the masonry layout and the general layout of the theme (I have not thoroughly tested this change).

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    December 31st, 2020 at 18:46 #111263
    mbb111

    Hi,

    I tried the code out but it made the spaces uneven in other areas.

    But it looks good now, I managed to find a code that made all areas look even.

    Thank you for your help anyway.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘How to remove space between widgets’ is closed to new replies.