• I am trying to reduce the space/padding/border between rss feeds on my educational site which lists a variety of headlines on the homepage.

    The rss feeds are typed as short codes inside a visual editor widget which is placed in the “Boxes” section of the Pinboard theme. Each column is a separate widget.

    Can someone provide me the CSS code necessary to drastically reduce the empty space between the headlines? I have tried using the Google Chrome Inspect tool, but have been unsuccessful in my attempts.

    The website is: https://www.dailytimez.com

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Your structure has several empty paragraph tags and break return tags, this is causing additional space to appear between almost every element.

    You can help reduce this spacing by adding this via a Custom CSS plugin, or a Child Theme style.css file.

    .textwidget p {
        margin-bottom: 0;
    }

    This is just a bandaid fix though, it would be better for you to remove all of those uneccesary <p> and <br /> tags.

    Hope this helps.

    Thread Starter dailytimez

    (@dailytimez)

    THANK YOU SO MUCH!

    I inserted the code you provided and it helped get rid of the excess space. I am still tying to reduce the empty space between the end of a headline and the short gray line

    I’ve searched for the p and br tags in the visual editor “text” but could not find any. Are they located in the theme code somewhere or are they invisible?

    Here is an example of a portion from one of the text editor widgets:

    <span style=”color: #0000ff;”>THE INTERCEPT</span>
    [feedzy-rss feeds=”https://theintercept.com/feed/?rss&#8221; max=”1″ feed_title=”no” target=”_blank” meta=”no” summary=”no” thumb=”no” ]

    <span style=”color: #0000ff;”>HAARETZ (ISRAEL)</span>
    [feedzy-rss feeds=”https://www.haaretz.com/cmlink/1.628752&#8243; max=”1″ feed_title=”no” target=”_blank” meta=”no” summary=”no” thumb=”no” ]

    Note that when I tried to remove the return between the two above feeds, it actually made the space between the two rss feeds WIDER when I would have expected it to add a bit more space between them, so in other words, adding the return between the the two blocks of code made them appear closer on the webpage.

    Thank you again! Very Helpful!

    Thread Starter dailytimez

    (@dailytimez)

    Actually, the ideal empty space to remove would be the space between the title of the source (in blue letters) and the actual headline (in black letters)

    Thank you for any suggestions!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove Padding Above and Below in Visual Editor – Boxes Section’ is closed to new replies.