Archived topic
Creating Spaces Between Lines of Text in Widget
5 replies · Started by Luke on January 28, 2022
I've been trying to create small spaces between lines of text in my right widget. There are Most Popular Posts in that widget but they are too close to each other so I want to make a bit bigger spaces between them. Can you tell me how to do it using HTML code?
One more question about the widget:
1. Can I make the widgets a bit wider? But then I think the post space would have to be a bit narrower and if I have tables in some of the posts they may get broken once I make the post space smaller?
Hi there,
1. Did you resolve this ? As i can see a Line Breaks between each of those links?
2. Likewise is this resolved? As i see inline styles adding colors.
3. Customizer > Layout > Sidebar and reduce the padding or increase the % width.
I reduced the padding in the sidebar widget so now it's OK, the titles are in one line.
As for the spaces between titles in the widget I would like them to be a bit bigger (like in the example site). I think these titles could also be 1px bigger.
You can use some CSS to add some more padding and increase the link font size:
.inside-right-sidebar .widget_text a {
font-size: 20px;
padding: 10px 0;
}I used the code above and I've noticed that it doesn't work for the widget with post titles, nothing happens when I change font size or padding. I've noticed it works for the widget below the one with post tiles, i.e. "articles on this blog may contain ...". Is it the right code?
Hi Luke,
Try this:
.inside-right-sidebar .widget_text a {
font-size: 20px !important;
padding:10px 0;
display: inline-block;
}