Tim Nicholson

Hi, Diana. I see you changed up your home page. I’m not sure if you specifically wanted it to look and work that way or if you set that up temporarily until you could get the standard WordPress home page looking the way you want. So I’m a little confused on what direction to give here.

I think what you may want is something that I’ve been thinking of building as perhaps my next theme. It would have a large image in the header, but the navbar would be transparent so that the links looks like they are just sitting on top of the image. Then either the navbar scrolls away like a traditional web page or perhaps the navbar gets a semi-transparent effect added to it. Then in the footer, it could display the bottom part of the header image and have the footer menu and site credits also have a transparent background to let the image show through.

Is that similar to what you are wanting to do or are you really wanting non-scrolling, fixed background image with the header and footer menu / site credits having a transparent background?

Something like this should work if you name this file content-video.php:

<?php
/**
 * File: content-video.php
 * Theme: Flat Bootstrap
 *
 * The template used for displaying video posts.
 *
 * @package flat-bootstrap
 */
?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

	<?php // Display the post title and header meta ?>
	<?php get_template_part( 'content', 'post-header' ); ?>

	<?php // For video posts, display the full content ?>
		<div class="entry-content">

		<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'flat-bootstrap' ) ); ?>

		<hr>
	</div><!-- .entry-content -->

</article><!-- #post-## -->

This will display the full post, including the video itself, on your blog… whether the blog is your front page or you have a static front page and a separate blog page.

Note that if you intend to ever use the page-fullwithposts.php page template, that still won’t display the video, but it doesn’t sound like you are using that one.

Is this working now for you? The static home page shouldn’t be displaying “home” on it. I’ve got v1.5 ready to upload and I know that one works, but it should already be fixed in the current v1.4.4.

The way to do it is the same for all my themes. You can see how to do it here: Change Footer Credits.

I may consider putting a span class around the copyright section and one around the “theme by” section so that it can be done with CSS, but for now you have to edit php code.

I have looked into this and AFAICT themes that display video content are not displaying the full excerpt for video posts but rather displaying the full article. In other words, they are checking the post type and if its a video post they are displaying the_content() instead of the_excerpt().

If you make a child theme, you can turn on a special post type of “video”, by inserting this in the top of the child theme’s functions.php file:

$xsbf_theme_options = array(
	'post_formats' 			=> array( 'video' )
);

Then you’d copy down the content.php file and edit it. Or better yet, rename it to content-video.php and you can drastically simplify the coding there. Essentially you’d get rid of most of the if-then logic and use the latter part of the file that displays the full post content. That section starts with this:

<?php // For single posts and pages, display the full content ?>

I wish WordPress core would just allow setting a video as the “featured image” (or rename it “featured media”), but it doesn’t allow that.

Thanks. To change the hover color of the Site Title, you need to add the following CSS:
.site-title a:hover, .site-title a:active { color: #ff7878; }

Here is how you’d change the footer title color:
.sidebar-footer h2 { color: #f2f2f2; }

I’m not exactly sure what you mean by ensuring the footer stays at the bottom of the page. Do you mean you want to “stick” (affix) the “after footer” (bottom nav and site credits) to the bottom of the screen? If so, you could do its something like this:

.after-footer {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
    width: 100%;
    z-index: 1030;
}
.body {
    padding-bottom: 73px;
}

The first part fixes it to the bottom of the screen. The second part is necessary so that the content above it doesn’t get chopped off.

If you want to edit the sample page bottom widget, you’d do that in the file sidebar-pagebottom.php. Or you could replicate it in a text widget and make the adjustments there.