Trying to add padding / remove the negative margin to the left of the sidebar!

Looks like you got it working. I was just about to suggest some CSS.

Actually it’s not really working, what I did do temporarily was edit the padding of the “.searchboxwidget” for the Paleo Finder but the problem is that it doesn’t change the padding of ALL the widgets, because the CSS for that is in a special box dedicated for that widget where the CSS overrides everything. But because the CSS is just for that Paleo Finder widget, it doesn’t change all the other widgets (like the log-in widget, etc).

Currently if you go to the main page, the “log into Paleo Providence” is jammed up near the navigation and has no padding on the left.

Also, are the links to the navigation showing up as dark blue for you, instead of white? they are supposed to be dark blue and I indicated that in #access ul li a { color:#263c4e;} but when I pull up the inspector it defaults back to #FFFFFF for some reason. MY child theme is not making any of the changes that I make to it and I’ve tried clearing the cache, tried different computers in my school classroom and it’s not working.

Link to Child Theme: https://paleoprovidence.com/wp-content/themes/Child%20Theme/style.css

Why under #access ul li a { is the color still #FFFFFF????????
I made the changes in the WordPress Editor and it shows up, and even shows up in my FTP but it’s showing such an outdated child theme. Seriously what is going on here?!!?

Sorry it’s taken so long to respond, I’ve had a very busy weekend.

It looks like you’ve eliminated most of those ugly margin settings, but there’s one that’s keeping your sidebar from floating properly to the left. And it looks like you renamed your container classes, thank goodness.

Try adding this to the end of your child style.css file:

.containercontent,
.containersidebar {
   width: auto;
}
.containercontent {
   float: right;
}
#content {
   margin: 0;
}

By the way, you have a syntax error in this rule:

.containercontent {
	float: left;
	position:relative;
	width:100%;
	height:100%;
	margin-left: 0px
	margin-right: 0px;

}

You need a semicolon after the 0px value for margin-left.

Thank you! Well….so it got them aligned side-by-side, but the problem is I wanted my sidebar to be aligned on the left side of the content, not on the right. The changes make it go to the right. I had at one point:

#content {
margin: 0px 0px 0px 245px;
}

which allowed the content to start further out so the sidebar could sit to the left. any suggestions on how to change the order?

I wanted my sidebar to be aligned on the left side of the content, not on the right.

That first CSS should have floated the content to the right and the sidebar to the left; are you sure you copied the code in correctly, at the end of your child theme’s style.css file?

Never mind it worked! My server’s cache is apparently taking awhile to show any changes I make to the CSS (using Go Daddy…go figure, definitely leaving them after a year). I also had to re-increase the width of the #content a little more since it left a big gap to the left.

Just curious how that worked? In my child theme, I already had #content {0px 0px 0px 245px;}
and I changed that to #content {0px;} but apparently that made the sidebar go to the right. But when I undid that and just tacked on #content {0px;} to the end of the child theme, it worked. Strange.

Just curious how that worked?

The content DIV was defined before the sidebar DIV, and both DIVs were floated to the left, which meant by default, the content DIV would be placed to the left first. By floating the content DIV to the right, instead, that allows the sidebar to come up on the left.

I’ve actually been running a number of sites on GoDaddy for several years, maybe over 10? I started with them even before I began using WordPress, when I was coding sites using straight HTML. I’ve had very few problems with them (although I install my WordPress code manually via FTP instead of using their installation app), and my updates are usually visible right away. Make sure you do a Ctrl-F5 from your browser when you view the page and the browser will reload the page from the site instead of your local cache.

Ctrl+F5 doesn’t work on my computer as a hard refresh…is that key command for Macs? I tried Command+F5 and it pops up strange voice-over options instead on my computer. I usually use Command + R, or I even clear out my browser’s browsing history and cache and try again and it still doesn’t change.

Yes, for a Mac, Apple+R or Command+R is the refresh key combination. And I don’t see a caching plugin on your WordPress install, which is another reason some sites don’t refresh right away, so I’m not sure where the problem might be.