Tim Nicholson

Hi, you have to do it in the php code. Specifically the footer.php file. Or you can add a function to functions.php to override it. Like this:

/*
 * Override site credits to say "copyright [year] by [sitename]"
 */
add_filter('xsbf_credits', 'xsbf_xs_credits');
function xsbf_xs_credits ( $site_credits ) {

	$site_credits = sprintf( __( '© %1$s by %2$s', 'xtremelysocial' ),
		date ( 'Y' ),
		'<a href="' . esc_url( home_url( '/' ) ) . '" rel="home">' . get_bloginfo( 'name' ) . '</a>'
	);
	return $site_credits;
}

Ok, if you want to widen the entire width of the page, so that both the main content area and sidebar are wider, then you can simply increase the width of the container. This is what I was referring to in the first bullet in my original response. i.e. something like this:
.container { width: 1370px; }

If you want to leave the page width the same (theme default is max width of main content area and sidebar of 1170px), but change how much of that space is for the main content area versus the sidebar… that is what I described in bullet #3 above. i.e. changing sidebar.php, page.php, etc. to alter the number of columns.

You can also do both of these things together to widen the entire page and also change how much of the page the main content area uses.

Ok, now that I see your site, that is helpful. I thought you were having an issue with *too much* whitespace between the main content area and the sidebar. Your mockup shows a lot of space and says “make text zone wider”, which I assumed meant put it closer to the sidebar. But your site shows the normal, small amount of space, so I’m totally confused as to what you are trying to accomplish. Do you want more space or less space?

Also, to change the green color of the header text, go in to Appearance -> Customizer and you can change the header text there. To change the highlight color for the selected menu item, add css like this… just change the text color and background color to whatever you want.

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7
}

Hi. First of all, thanks for the kind words! Most of the changes you are wanting to make are fairly complex because they are controlled by the underlying Bootstrap CSS framework itself. More specifically:

• The left and right margins are defined by the width of the “container” class in bootstrap.min.css. They are set to 1170px on desktops but there are media queries that change that for smaller screen sizes. You can override them in style.css if you want.
• For the section that has the page title, that has a CSS tag of header.content-header which by default is a min-height of 170px. You can set that to a smaller number if you want.
• The space between the sidebar and the main content area is more difficult. The reason you have so much space is because your sidebar is on the left and the list items you have there are short. If you want to narrow the left sidebar column, then you need to reduce the number of columns in sidebar-left.php. Right now you’ll see CSS tags of “col-md-4 col-md-pull-8”. You can change that to “col-md-3 col-md-pull-9”. But the total columns across the width of the page needs total 12, so you have to edit page-leftsidebar.php to change “col-md-8 col-md-push-4” to “col-md-9 col-md-push-3”. And that is just for the page template with a left sidebar. If you want to change it for all other pages (default is right sidebar), then you have to also edit sidebar.php, index.php, 404.php, page-sideindex.php, page.php, search.php, and single.php.

I’ll consider adding a new theme option parameter to functions.php where you can specify the number of columns for the sidebars. Then you wouldn’t have to edit all those php files. I’m about ready to release the next version of the parent theme (Flat Bootstrap), though, and I’m not sure this will make it into that version.

Hi Jay. Thanks for the kind words! Yes, the theme is designed where if you leave the featured image title and caption blank, it pulls in the site title and tagline. CSS is a good way to hide it, but it sounds like you only want to hide the text on your home page. So you can do it like this:

.home .header-image-title, .home .header-image-caption {
	display: none;
}

This shouldn’t effect search engine optimization too much because the meta tags on the page will still list your site name and tagline. You could also go into the advanced image options for the featured image and put those things in the image alt tag as well.

This has been confusing to others as well. I do not want to build a bunch of theme-specific options and force users into certain types of page layouts. However, when previewing my themes and upon initial install they will look pretty boring until content is added. So what I’m doing is showing some sample content. Once you add any widget (even a blank text widget) to the Page Bottom and Footer widget areas, those samples will no longer display. So its up to you to add whatever widgets you want to those areas to show the content you want for your pages.

gWorlds, I believe that is exactly what 213edu was looking for. I’ll mark this topic as resolved.