How to remove space between widgets

  • Author
    Posts
  • #111180

    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

    #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.
    #111201

    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

    #111204

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

    #111215

    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?

    #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.
    #111263

    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.

Viewing 7 posts - 1 through 7 (of 7 total)

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