How to set individual line hights?

[canoot65]

Under Fonts & Custom > A Fonts you can set the Site Base Line Height. But is there a place/way you can set the line height (or space between lines) for widgets only, or even individual widgets? Or for a single sidebar?

[Weaver]

You are now in the realm of custom CSS. For widgets or specific sidebar areas (e.g., primary, secondary, top, bottom), it is not too difficult.
So, for example, to change the line height of the entire Primary sidebar (and just that area), open the CSS+ box on the Primary Widget Area BG option found on the “Sidebars & Layout” tab. Then enter

{line-height:1.5} (or whatever value need)

You can do this for any area with an area BG color option – it is an important intent of the CSS+ option for BG colors.

As for specific individual widgets, that is at an entirely different level. To do that, you must know the HTML ID of a specific widget. The only way to find that out is to either read the HTML of the page by right-clicking the page and selecting “View Page Source” (message varies depending on browser), and finding the <aside id=”widget-id”> tag for a specific widget area, or using a developer’s tool to examine the page content.

[canoot65]

Thank you Weaver, that was rather easy, yes. As for the solution for individual widgets, that lies beyond my capabilities, I’m afraid. But the ability to adjust the line hight for individual sidebars will do.

[Weaver]

If it were for individual posts, it is easier to find the proper ID, but the IDs associated with individual widgets varies, and can change as you add or delete widgets, so it is non-trivial to find the proper ID.

[Author]

Posts