side column all the way down below content

This is typically due to floats. The column widths plus padding of the two columns are wider than the width of the contents container div. Thus the sidebar “floats” down below the main contents area.

If you want help resolving it, post a URL to a page on which this is occurring. Otherwise you can play with the widths in the theme stylesheet.

Thanks. I will try myself. If I can’t get it right I will come bacl and post.

Ok I’ve just managed to make a mess. (I’ve reactivated the theme to get back the original settings.) The url is https://www.stylistiet.com/
Thanks for your help.

hi

the reason your sidebar is below the posts column is because it is defined that way in the html the browser is seeing.

The sidebar is class “sidebarcolumn” which is contained within class “maincontentcolumn”. It needs to be AFTER class “maincontentcolumn” has closed rather than within it.

I believe the reason its showing up that way is bad html on your homepage. your page validates with 38 errors
https://validator.w3.org/check?uri=https://www.stylistiet.com/
The problematic errors are the ones at the bottom of the list, “xhtml parsing errors”. These represent mismatched or unclosed div’s and other tags, and are causing your page to be defined to the browser not the way they were intended to.

It looks like some of the problem may be coming from plugins. I suggest fixing this by turning off all plugins and revalidating the site with plugins turned off. Then get the site fixed so the sidebar is in the right place with no plugins active. After you have done that, start turning plugins on one by one. If you find activing one throws the sidebar off you have found your culprit.

I realize this is a pain.

I also suggest you add a float: left to these two css sections:

line 131
#page {
background-color:#FFFFFF;
clear:both;
margin:0 auto 5px;
}
line 145
#columns {
background-color:#FFFFFF;
margin:0;
padding:5px;
}

Thanks so much for your help it seems to look ok now