mlddev

As an alternative you could use a Custom Menu widget on the Content Sidebar instead of the Pages widget. You can leave the Custom Menu widget Title field blank and you will not have a heading showing on the front-end of the site.

Just create a custom menu first, adding the pages you want shown on the sidebar.

The Designfolio theme has Back-end Options panel that allows you to set color schemes. Those overrule some of the styles in style.css.

If you want to use a child theme to customize areas such as your site title you will need to get more specific when targeting your html and css selectors. For example, placing the following CSS in your child theme style.css file will allow you to control your site title link since it is more specific:

/* more specific than #site-title a */
body #site-title a {
  color: #B82D2D;
}

This works to override the styles set in the options panel for the theme (which are located in ../wp-content/themes/designfolio/includes/css/color_schemes/default.css

The content area on your home page is overlapping your right sidebar in FireFox as well… it’s due to the way you are laying out your icons with HTML tables. I suggest to edit the page and add your graphic icons (images) without the use of a table as the table code makes it much more rigid and dificult to work with.

If you wanted to stick with the table layout, then removed the last column and have three rows instead of the two you have now so that your content will not be pushed outside and overlap.

Glad to be able to help. Keep at it!

If you just want to set your background to match your content area background (which is white) you can change this through Appearance > Customize > Colors > Background color -> set to #ffffff.

This will make it appear like there is no border to your site except for the limitation of your header and footer width which is a more complex topic and change.

Ok, first the gray color can be controlled via (if you didn’t already figure that one out):

.styles #page {
  background-color: #D8D8D8;
}

The padding above the content area on your post pages can be adjusted through adjusting the bottom margin. Below I have just set it to zero:

.archive-header, .page-header {
  margin: 0 auto;
  padding: 0 10px;
}

You already set a custom padding of 28px on ( I suggest using 40px to better match the left and right padding:)

.content-area, .content-sidebar {
  padding-top: 40px;
}

You also may want more space from the content area top edge to the page title:

.site-content .entry-header {
  padding: 28px 10px 12px;
}

From looking at your source code, it seems that you have wrapped content, such as your images in HTML heading tags <h4> ( as kjodle) mentions. You should use the Text editor view for your posts and remove unnecessary code.

For example: Your most recent post in Events has a H4 heading wrapping the image and the text following. Instead it should look like this in the Text editor view:

Your code looks like:

<h4>
   <a href="https://chamberswild.com/wp-content/uploads/2011/09/RailWalk_ANWR.jpg">
      <img class="size-medium wp-image-3320 alignleft" width="300" height="180" src="https://chamberswild.com/wp-content/uploads/2011/09/RailWalk_ANWR-300x180.jpg" alt="RailWalk_ANWR">
   </a>
</h4>
<h4></h4>
<h4>Take one of the annual Rail Walks through the marshes of Anahuac NWR, sponsored by FOAR. Free and open to the public, no reservations needed. See their site for more info and visit right away!
<strong> </strong>
</h4>
<p> </p>

But a change to this will allow the image float to work:

<a href="https://chamberswild.com/wp-content/uploads/2011/09/RailWalk_ANWR.jpg">
<img class="size-medium wp-image-3320 alignleft" width="300" height="180" alt="RailWalk_ANWR" src="https://chamberswild.com/wp-content/uploads/2011/09/RailWalk_ANWR-300x180.jpg">
</a>
p>
Take one of the annual Rail Walks through the marshes of Anahuac NWR, sponsored by FOAR. Free and open to the public, no reservations needed. See their site for more info and visit right away!
</p>

You need to create the functions.php file. The link rdellconsulting provided does mention some info on the functions.php file in relation to a child theme. You also may want to review this information. Specifically the Functions File section

I reviewed your site and it appears your display name is “My Crappy House” for any posts I can see. I think you are all set. Let me know if you are still in need of help.

What dimensions are your original images? Are you adding them into your post at Full size? or Medium? I see no obvious reason they would be affected by your content width of 970px.

Just an observation in your theme HTML, and not something I have seen used before is the <center> HTML tag. Not a recommended method. It’s much better to allow CSS to style and present your site and keep the HTML structural.

A method… you could edit your CSS code with the following change and addition:

.primary-navigation {
  float: none; /* change from float right */
  text-align: center; /* addition to center text */
}

Did you already set the “Display name publicly as” to the new name for the specific user? Any posts assigned to that user should update once you have made that change and saved.

I am thinking you may have created a new user instead of editing the existing one?

Have you reviewed WP documentation on how to setup a Child Theme information already?

The “grey color” you mention is the body background color. If you wanted that black to match your content area color scheme you could change your background color via Appearance > Customize > Colors > Background color -> set to #000.

You may not have an .htaccess file if you have not adjusted your Permalink settings.

An SEO friendly permalink setting is to use the permalink option of Post name.

If you can log in go to Settings > Permalinks and update to the suggestion I mentioned.

You also edited the copy of the index.php file with the addition as this correct?

/** Loads the WordPress Environment and Template */
require('./wp/wp-blog-header.php');

Or this in newer versions of WP:

/** Loads the WordPress Environment and Template */
require( dirname( __FILE__ ) . '/wp/wp-blog-header.php' );