Issue #4 - start styling the page-footer template part. Remove alignl…

…eft and alignright CSS copied from Stanley

readme.txt

@@ -4,22 +4,27 @@ Donate link: https://www.oik-plugins.com/oik/oik-donate/
 Tags: blocks, FSE, Gutenberg
 Requires at least: 5.5.1
 Tested up to: 5.5.1
-Version: 0.0.0
+Version: 0.0.1
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
-Fizzie theme - a Full Site Editing theme using Gutenberg block
+Fizzie theme - a Full Site Editing theme using Gutenberg blocks
 
 == Description ==
 This is an experimental theme attempting to implement Full Site Editing with Gutenberg blocks.
 
+It started as a completely empty theme and then I played with it while watching some tutorials.
 
 
 == Installation ==
 tbc
 
 
 == Change Log ==
+= 0.0.1 =
+* Added: Start styling as genesis-a2z,[github bobbingwide fizzie issues 4]
+* Changed: Copy some stuff from the Stanley theme as per fullsitediting.com
+
 = 0.0.0 =
 * Added: Create the basic theme following instructions from https://developer.wordpress.org/block-editor/tutorials/block-based-themes/#creating-the-theme
 

style.css

@@ -5,7 +5,7 @@ Description: Fizzie theme - a Full Site Editing theme using Gutenberg blocks
 Author: Bobbing Wide
 Author URI: https://www.oik-plugins.com/author/bobbingwide
 Version: 0.0.1
-Tags: blocks, Gutenberg, FSE
+Tags: blocks, Gutenberg, FSE, oik
 Requires at least: 5.5.1
 Requires PHP: 7.3
 License: GPL-2.0+
@@ -21,7 +21,7 @@ body {
     color: #1a1a2a;
     margin:0;
     background-color: #f5f5f5;
-    line-height: 1em;
+    line-height: 1.2em;
 }
 
 a {
@@ -82,6 +82,8 @@ h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
     padding: 0;
     background-color: #ffffff;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
+    z-index: 9999;
+    position: sticky;
 
 }
 
@@ -110,6 +112,14 @@ h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
     display: inline-block;
 }
 
+.page-footer .wp-block-columns p {
+    color: #aaa;
+}
+.page-footer .wp-block-columns a {
+    color: #e9e9c8;
+}
+
+
 .wp-block-group.page,
 .wp-block-group.post {
     max-width: 900px;
@@ -165,14 +175,15 @@ img {
 }
 
 /*--------------------------------------------------------------
-# Alignments
+# Alignments - these came from Stanley but aren't as good as we want.
 --------------------------------------------------------------*/
-
+/* Let's work to make this !important unnecessary
 .alignleft,
 .alignright {
-    max-width: 580px !important;  /* Let's work to make this !important unnecessary */
+    max-width: 580px !important;
 }
 
+
 .alignleft img,
 .alignright img,
 .alignleft figcaption,
@@ -181,6 +192,8 @@ img {
     width: 50%;
 }
 
+ */
+
 .alignleft figcaption {
     clear: left;
 }