Support » Plugin: Extra Shortcodes » Removing line breaks from the listing?

  • Hi, I am trying to make the categories list more compact, but I can’t find a way to remove the extra empty lines between the various entries. Meaning: I’d like to go from

    Category 1

    Category 2

    to

    Category 1
    Category 2

    Any advice?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author webvitalii

    (@webvitaly)

    I think you have a CSS issue and the margin between the category item is dependent on the theme styles.
    Try to reduce the margin between the items with the CSS margin property.

    Hi, and thank you for replying… but it doesn’t look margin-dependent.

    Please see the actual output on the left of the attached picture and the desired result on the right:

    https://ibb.co/sRtgNVY

    Plugin Author webvitalii

    (@webvitaly)

    I still think that is a margin issue.
    Here is the example of what I mean: https://jsfiddle.net/6vapmz8o/

    HTML:

    
    <ul class="list-with-margins">
    <li>List item with margin</li>
    <li>List item with margin</li>
    <li>List item with margin</li>
    </ul>
    
    <ul class="list-without-margins">
    <li>List item without margin</li>
    <li>List item without margin</li>
    <li>List item without margin</li>
    </ul>
    

    CSS:

    
    .list-with-margins {}
    
    .list-with-margins li {
      margin-bottom: 20px;
    }
    
    .list-without-margins {}
    
    .list-without-margins li {
      margin-bottom: 0;
    }
    

    Of course you were right.

    My problem is that I am very css ignorant and I was working with the frontend of the theme, so I couldn’t reach the css code.

    Now I have and things are sorta-working with

    .et_pb_module.mycode ul li {
    margin-bottom: 0;
    }

    … but this doesn’t seem to target the first child items in the list, that now appear as:

    Item 1
    Item 2

    Item 2a
    Item 3

    May I ask you for a bit more of your patience and the code to solve this?

    OK, got it with:

    .et_pb_code_inner ul, .et_pb_code_inner ul li {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.3em;
    margin-bottom: 2px;
    }

    Thanks a bunch for your patience and help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Removing line breaks from the listing?’ is closed to new replies.