Feed List Vertical Line Spacing

in
Subscribe to Feed List Vertical Line Spacing 9 posts, 2 voices



PhysioProf User
Firefox

Is there a way using custom CSS to loosen the vertical spacing between feed names in the feed list? Mine is too tight, and it is completely cutting off the descenders of characters in the feed names. (I suspect this is happening because I have Firefox set to use a relatively large minimum font size and to disallow sites from choosing their own fonts.)

 
DustinLuck Script's Author
Firefox

This code should handle scaling the feed list dependent on the font size. If you want to change the spacing, adjust the 1.5em value in both places. Changing the value down will squeeze the items closer together and increasing the value will spread the items further apart.

.lhn-section-primary, 
#recommendations-tree .lhn-section-primary, 
.scroll-tree li.folder .link, 
.scroll-tree li.sub {
    height: 1.5em !important; }
.lhn-section-primary, 
#reading-list-unread-count, 
.scroll-tree {
    line-height: 1.5em !important; }
.section-minimize { 
    top: auto !important; }
#reading-list-unread-count { 
    margin-top: auto !important; }

 
PhysioProf User
Firefox

Works perfect! You are a genius of CSS!

 
PhysioProf User
Firefox

Now that my feed list looks beautiful, I'm feeling a little greedy, so how about this!

Can I use custom CSS to adjust the vertical line spacing in the entry body?

 
DustinLuck Script's Author
Firefox

Try this:

.entry .entry-body { 
  line-height: 1.5em !important; }

 
PhysioProf User
Firefox

Brilliant! Thanks again!

 
PhysioProf User
Firefox

Dustin, do you know the CSS tweak for adjusting the spacing between the posts in the post list?

 
DustinLuck Script's Author
Firefox

This is the code I use for the post spacing:

/* expanded view */ 
#entries.cards .entry { 
    margin: 0 !important; } 
#entries.cards .card-content { 
    padding: 5px !important; } 
/* list view */ 
#entries.list .collapsed .entry-source-title, 
#entries.list .collapsed .entry-title, 
#entries.list .collapsed .entry-date { 
    line-height: 1.5em !important; } 
#entries.list .entry .collapsed { 
    height: 1.5em !important; } 
#entries.list .expanded .entry-secondary-snippet { 
    display: none !important; } 

 
PhysioProf User
Firefox

Beautiful! You are a CSS genius!

Cross
Presentational HTML allowed.
Use <code> for inline code and <pre> for code blocks. Use &lt; and &gt; for literal < and >.
We help break paragraphs and link your links.
or cancel