How to make widget display horizontally instead of vertically

If I have correctly understood your question, this is something that could be done only modifying heavily the CSS of your theme.

Take a look at this image and tell me if I’m right.

No that is not what I want to do. The “News” widget is in its own column and is just fine the way it is.

What I am trying to do is to have another widget display in the same column under the main one entitled “Happenings at the Hall”. It would be called “Projects” and would display 2 entries side by side under the the main widget which is already there. Here is a mock up image of the result I would like. The thin red line circles the result of the “Projects” widget where the two items that are returned are side by side instead of underneath each other.

OK, does your theme let you create a widgets section there? If so, create the widget area and add the Posts in Sidebar widget, then let me know. I’ll help you adding the CSS rules.

Aldo – Thank you so much for your willingness to help.

I have set it up in a sandbox site since my front page is live and at the moment we don’t have any posts for the “Projects” list (although we getting ready for several projects). I just temporarily assigned some old posts to the “Projects” category which is why they don’t look like projects.

The page is divided at that point in to one large column and one small column. As you can see the “Projects” widget items are currently arranged vertically under the “Happenings at the Hall” main widget item in the large column. The “News” widget items are in the small column.

I would like the “Projects” to be arranged horizontally under the main item. (There will only be two at a time.) The “News” widget items will continue down the right hand column beside the “Project” when we have more items.

I hope this is clear and is something that can be done without too much of a burden for you. https://testing.oldlaborhall.org/

mpower9,
paste these lines in your style.css file (or in the “Custom styles” box in the widget):

#pis_posts_in_sidebar-14 .pis-li {
	float: left;
	width: 45%;
}

#pis_posts_in_sidebar-14 .pis-li:first-child {
	margin-left: 0;
}

@media screen and (max-width: 799px) {
	#pis_posts_in_sidebar-14 .pis-li {
	clear: left;
	float: none;
	margin-left: 0;
	width: 100%;
	}
}

Take note that when you’ll use these rules in the live site, surely the ID #pis_posts_in_sidebar-14 will change into #pis_posts_in_sidebar-AnotherNumber. Do you know how to see this? In case, ask me. ??

Let me know.

Your support is superb. If only the commercial products’ support were half as good.

The code did exactly what I wanted. https://testing.oldlaborhall.org/ When I finally get some content ready for this widget I will be delighted to put it on my live home page.

You are right that the number of the widget will be different when I put it on my home page, but I do know how to see the correct number so that should not be a problem. Thank you for the reminder.

I don’t know why everyone does not use your widget plugin. It is by far the best one that I have tried and I tried several when setting up the site.

Again, thank you.

Thank you for your kind words! ??