Change single line height in sidebar

Classic
1

I want to fiddle with some styled text in a sidebar. It looks like using shift-return puts in a soft return which keeps lines together at the default line height and forms a nice text block, However, a full return puts more space between text blocks than I want. Is there any way to adjust this?

I’ve tried using <p style="line-height:0.4> but that doesn’t seem to do anything.

I’ve tried using the Format menu to make font size smaller - also no luck.

any suggestions? Thanks!

2

What theme are you using? Do you have a link to an live, example page?

I would do this by enclosing each paragraph (text block) in the standard, HTML paragraph tags. I would then add some CSS to adjust the margin settings for paragraphs in the sidebar. It won’t look that pretty in the sidebar editor, but should look fine on the page.

Add your text like this in Page Sidebar:

<p>This is paragrapgh 1</p><p>This is the second text block</p>

Add this to your page or site-wide CSS area:

#sidebar p {
    margin-top: 10px;
    margin-bottom: 10px;
}

Adjust the top and bottom margin as you like. Depending on your theme, we may have to adjust the CSS.

Preview:
21%20PM

1 Like
3

Thanks for getting back to me Don.

I’m using WeaverThemes’ Solitude.

Just published first rough iteration of website, Chillidog gave me a temporary url of http://138.68.76.207/~omzsacor/
Once that stabilizes url will be www.omzsac.org

Here’s a picture of the situation. On the current sidebar I put soft returns (shift-returns) at the end of each line, a hard return after the last line of each section. I tried using
and

at ends of lines, at ends of paragraphs, etc. - didn’t seem to make a difference.

Thanks for your help!

PastedGraphic-3.png
PastedGraphic-3.png776×748 143 KB

Robert Rosenbaum

brosenbaum1@mac.com

510-220-4834

2617 51st St
Sacramento CA 95817-1617
website: www.zenqigong.com

4

Can I get a screenshot of what you have entered into your sidebar field in RW?

5

You should also scale and compress your Lotus.jpg image. It’s 8.4MB, which is way too big for a web page. I’d scale it to a width of 1200-1600px. You should easily be able to get that image to below 165k with no discernible difference.

6

The problem is styled text. Unless you mark something as a paragraph it’s just “loose” text.

2020-01-14_06-16-38

You can mark the hole side bar to change the line spacing:

.sidebar {
    line-height: .5;
}

You should play around and change the value.

7

Thanks, Doug. Very Helpful.
Bob

Robert Rosenbaum

brosenbaum1@mac.com

510-220-4834

2617 51st St
Sacramento CA 95817-1617
website: www.zenqigong.com

8

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.