Style the footer widgets links and plain text.

bobbingwide · Mar 24, 2021 · 6b608f9 · 6b608f9
1 parent fc142a5
commit 6b608f9
Showing 1 changed file with 40 additions and 2 deletions.
diff --git a/style.css b/style.css
@@ -3,8 +3,8 @@ Theme Name: SB
 Theme URI: https://seriouslybonkers.com
 Author: Herb Miller
 Description: Seriously Bonker's experimental Full Site Editing theme
-Requires at least: 5.3
-Tested up to: 5.5
+Requires at least: 5.7
+Tested up to: 5.7
 Requires PHP: 5.6
 Version: 1.0
 License: GNU General Public License v2 or later
@@ -271,6 +271,44 @@ ul.wp-block-navigation__container {
 /* ## Site Header Navigation
 --------------------------------------------- */
 
+/* Footer styling */
+footer.wp-block-template-part {
+    background: #575756 ;
+    background: linear-gradient(top, rgba(77, 77, 75, 0.1) 0, rgba(111, 111, 109, 0.18) 90%, rgba(92, 92, 90, 0.07) 90%, rgba(92, 92, 90, 0.07) 100%) no-repeat, url('images/footer.png'), linear-gradient(top, #525251 0, #6A6A68 90%, #5D5D5B 90%, #5D5D5B 100%) no-repeat;
+    background: -webkit-linear-gradient(top, rgba(77, 77, 75, 0.1) 0, rgba(111, 111, 109, 0.18) 90%, rgba(92, 92, 90, 0.07) 90%, rgba(92, 92, 90, 0.07) 100%) no-repeat, url('images/footer.png'), -webkit-linear-gradient(top, #525251 0, #6A6A68 90%, #5D5D5B 90%, #5D5D5B 100%) no-repeat;
+    background: -moz-linear-gradient(top, rgba(77, 77, 75, 0.1) 0, rgba(111, 111, 109, 0.18) 90%, rgba(92, 92, 90, 0.07) 90%, rgba(92, 92, 90, 0.07) 100%) no-repeat, url('images/footer.png'), -moz-linear-gradient(top, #525251 0, #6A6A68 90%, #5D5D5B 90%, #5D5D5B 100%) no-repeat;
+    background: -o-linear-gradient(top, rgba(77, 77, 75, 0.1) 0, rgba(111, 111, 109, 0.18) 90%, rgba(92, 92, 90, 0.07) 90%, rgba(92, 92, 90, 0.07) 100%) no-repeat, url('images/footer.png'), -o-linear-gradient(top, #525251 0, #6A6A68 90%, #5D5D5B 90%, #5D5D5B 100%) no-repeat;
+    background: -ms-linear-gradient(top, rgba(77, 77, 75, 0.1) 0, rgba(111, 111, 109, 0.18) 90%, rgba(92, 92, 90, 0.07) 90%, rgba(92, 92, 90, 0.07) 100%) no-repeat, url('images/footer.png'), -ms-linear-gradient(top, #525251 0, #6A6A68 90%, #5D5D5B 90%, #5D5D5B 100%) no-repeat;
+    background: linear-gradient(top, rgba(77, 77, 75, 0.1) 0, rgba(111, 111, 109, 0.18) 90%, rgba(92, 92, 90, 0.07) 90%, rgba(92, 92, 90, 0.07) 100%) no-repeat, url('images/footer.png'), linear-gradient(top, #525251 0, #6A6A68 90%, #5D5D5B 90%, #5D5D5B 100%) no-repeat;
+    -svg-background: linear-gradient(top, rgba(77, 77, 75, 0.1) 0, rgba(111, 111, 109, 0.18) 90%, rgba(92, 92, 90, 0.07) 90%, rgba(92, 92, 90, 0.07) 100%) no-repeat, url('images/footer.png'), linear-gradient(top, #525251 0, #6A6A68 90%, #5D5D5B 90%, #5D5D5B 100%) no-repeat;
+    border-top:1px solid #D2D28E;
+    padding: 25px;
+    margin:0 auto;
+    position: relative;
+    color: #FFFFFF;
+    font-size: 13px;
+    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
+    /* text-align: center; */
+}
+
+footer.wp-block-template-part {
+    color: #e9e9ee;
+}
+
+footer.wp-block-template-part a {
+    color: #e9e9c8;
+}
+
+
+footer.wp-block-template-part input {
+    border: 1px solid #333;
+}
+
+footer.wp-block-template-part a.button,
+footer.wp-block-template-part a:hover {
+    color: #fff;
+}
+