Tim Nicholson

aharmer, the next version of the theme will remove these navigation links for normal pages. It will only display them if the parent page uses the special page template of “Page with Subpages”. That template is designed to be used for logical groupings. So you should be able to upgrade your theme when v1.6 comes out and not have to worry about duplicating your edits above.

It looks like you changed themes, so I can’t see what’s going on. What widget are you talking about that doesn’t work?

Hi, the Pratt theme doesn’t set the home page to anything by default. If you assign a static page in Settings -> Reading then it will use that as the front page. You also have to specify a second page (doesn’t need content, just title and URL) as the blog page. You definitely do have to add both a home page and a blog page. That’s how WordPress designed it to work.

Thanks for posting a link to your site and the screenshot of your menu. You must have created that “Home” menu item that says “custom”. If you click on Pages, then View All, you’ll see the “regular” Home menu item that isn’t custom.

You’re Market Commentary page is blank, so I can’t tell what you mean to put there. But if its a regular WordPress Page, then it won’t display on your home page also. Unless you intend for that to be assigned as your “static” home page. Or if that is going to be assigned as your Blog page.

Can you share with me more about what you are trying to do? I think perhaps you want a home page that has some text and a few recent blog posts. Then your Market Commentary page is really your full blog with all your posts. This theme provides a page template you can assign to your home page called “Page – Full Width with Recent Posts” that will do just that.

To see an example, look at my home page.

I’m not sure what you are asking here. The site title is in an h1 tag with a class of site-title. The description is separate within an h2 tag with a call of “

Here is what the theme outputs:

<div id="site-branding" class="site-branding">
<div class="container">
<h1 class="site-title"><a href="http://xtremelysocial.com/" rel="home">XtremelySocial</a></h1>
<h2 class="site-description">Cool WordPress Themes and Facebook Apps</h2>
</div>
</div><!-- .site-branding -->

As to the fonts and margins in the editor, what the theme is supposed to do is load the “front-end” CSS (bootstrap.css, theme-base.css, theme-flat.css) when the editor is being used so that it attempts to present the page like how it will look on the “front end”. However, there may be some differences but the intent is for fronts and other styling to look the same.

I’m glad you asked this question because there are some issues with how I implemented this. Back in v1.3 I changed the way fonts are loaded to avoid using @import in CSS and instead load them via PHP. However, the PHP doesn’t get triggered when in Admin, so it wasn’t loading the fonts. In addition, I’m not sure all the other styles were being pulled in either.

So I’ve updated the code and it will be in the next release, probably v1.6. If you want to fix it yourself in the current version, edit the functions.php to change this line:
add_editor_style( '/css/editor-style.css' );

to remove the beginning “/” like this:
add_editor_style( 'css/editor-style.css' );

Then replace out ALL the @imports in the editor-style.css file to be this instead:

@import url( '../bootstrap/css/bootstrap.min.css' );
@import url( '//fonts.googleapis.com/css?family=Lato:300,400,700');
@import url( '//fonts.googleapis.com/css?family=Raleway:400,300,700');
@import url( '../font-awesome/css/font-awesome.min.css');
@import url( 'theme-base.css' );
@import url( 'theme-flat.css' );
@import url( '../style.css' );

What was done here was to add the @imports for the header and body fonts as well as font-awesome (icons).

I’d like to discuss the responsive header image situation again. Can someone please post a link to their site so I can see the header image and how the cropping looks bad? I just can’t think of how this would work if it were responsive and not have the site title and tagline bleed over the image and look terrible on smartphones.

This CSS code will make the header responsive, if you want to try it. If there is some use-case for this that I’m not thinking of, please let me know.

.custom-header-image {
background-position: top;
background-size: 100%;
background-repeat:no-repeat;
}

I’m sorry I missed your reply here. With all the fancy categorizing of email that Gmail now does, this didn’t appear in my inbox. I see you’ve moved on to a different theme, but wanted to respond here to you and/or if others are following the thread.

The best way to determine how to change link colors is to use “developer” mode in your browser. I use Safari, but IE and Chrome, etc. all have a mode like that. It likes you right click on any element on a web page and select “Inspect element”. It then shows you the HTML and CSS for that element and even lets you alter them dynamically in the browser. Once you work out what changes you want to make, you can put that edited CSS into the themes style.css or better yet use the Jetpack Custom CSS plugin to add it there and not worry about your changes getting lost when the theme gets updated.

To change the hover color of the footer nav menu, you add CSS like this:

.footer-nav-menu a:not(.btn) { color: #f2f2f2; }
.footer-nav-menu a:hover:not(.btn), .footer-nav-menu a:focus:not(.btn) { color: #ffffff; }

To change the hover color of the top navbar toggle, you add CSS like this:
#menuToggle:hover { color: black; }

The call to action widget is just a sample when you first install the theme. You could edit the sidebar-pagebottom.php file, but I wouldn’t do that. Once you add any widget to the Page Bottom widget area, the sample is no longer displayed. So you’d just add a text widget with the text and button code that you want.