Vis Fix

Responsiv image CSS, new size, fix broken path for overlay.png

assets/css/main.css

@@ -27,7 +27,11 @@
 	}
 
 	ol, ul {
-		list-style: none;
+		/* list-style: none; */
+	}
+
+	li {
+    	margin-left: 2em;
 	}
 
 	blockquote, q {
@@ -2155,6 +2159,45 @@
 
 /* WP Alignment */
 
+figcaption, figure {
+	display:block;
+}
+
+
+img[class*="wp-image-"], .wp-caption img {
+	margin-top: 2em;
+    height: auto;
+    width: 100%;
+}
+
+.wp-caption {
+	color: #666;
+	font-size: 0.8125rem;
+	font-style: italic;
+	width: 100%!important;
+	margin-bottom: 2em;
+}
+
+
+.wp-caption .wp-caption-text {
+	margin: 0.8075em 0;
+}
+
+.wp-caption-text {
+	border-bottom: 1px solid #ddd;
+    line-height: 1.5;
+    padding-bottom: 0.2em;
+}
+
+
+
+embed,
+iframe,
+object {
+	margin-bottom: 1.5em;
+	max-width: 100%;
+}
+
 .alignleft {
 	display: inline;
 	float: left;
@@ -2178,6 +2221,8 @@ span.social-network-name {
     display: none;
 }
 
+
+
 p.edit-this {
     text-align: right;
     font-size: 90%;

functions.php

@@ -19,6 +19,9 @@ function bigpicture_setup() {
 	// image sizes for the Big Picture gallery
 	add_image_size( 'gallery-full', 607, 590, true );
 	add_image_size( 'gallery-thumb', 440, 276, true );
+
+	// another size to give typical width images
+	add_image_size( 'bp_size', 700 );
 
 
 	// give us custom headers (used for background of intro section)

header.php

@@ -13,12 +13,12 @@
 		<?php if ( is_home() ):?>
 
 		#intro {
-			background: url('<?php echo get_stylesheet_directory_uri()?>/assets/images/overlay.png'), url("<?php header_image(); ?>");
+			background: url('<?php echo get_stylesheet_directory_uri()?>/assets/css/images/overlay.png'), url("<?php header_image(); ?>");
 
 		<?php elseif ( is_single() or is_page() ):?>
 
 		#top {
-			background: url('<?php echo get_stylesheet_directory_uri()?>/assets/images/overlay.png'), url("<?php echo get_the_post_thumbnail_url(); ?>");
+			background: url('<?php echo get_stylesheet_directory_uri()?>/assets/css/images/overlay.png'), url("<?php echo get_the_post_thumbnail_url(); ?>");
 
 
 		<?php endif?>

index.php

@@ -40,7 +40,7 @@
 			// build the custom CSS to put featured images in background
 			if ( has_post_thumbnail() ) {
 				$section_css .= '#' . sanitize_title( $menu_label ) . '{
-background: url("' .  get_stylesheet_directory_uri() . '/assets/images/overlay.png"), url("' . get_the_post_thumbnail_url() . '");
+background: url("' .  get_stylesheet_directory_uri() . '/assets/css/images/overlay.png"), url("' . get_the_post_thumbnail_url() . '");
 background-size: 256px 256px, cover;
 background-attachment: fixed, fixed;
 background-position: top left, center center;

style.css

@@ -3,7 +3,7 @@ Theme Name: WP Big Picture
 Theme URI: http://github.com/cogdog/wp-bigpicture
 Author: Alan Levine
 Author URI: http://cog.dog
-Version: 0.45
+Version: 0.5
 Description: A large image single page calling card site, based on HTML5 UP theme Big Pictuere by HTML5 UP
 License: Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 License URI: http://www.gnu.org/licenses/gpl-2.0.html