Fixed image text overlapping #47

jwillmer · Jul 11, 2018 · 39e72c3 · 39e72c3
1 parent 4c5889d
commit 39e72c3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/_sass/media500.scss b/_sass/media500.scss
@@ -79,7 +79,6 @@
 
         figure {
             &.left, &.right, &.large {
-                margin: 0 0 10px 0;
                 width: 100%;
             }
         }

diff --git a/_sass/post.scss b/_sass/post.scss
@@ -53,16 +53,20 @@
         position: relative;
         margin-bottom: 25px;
 
+
         p {
             margin: 0; /* jekyll generates paragraphs in figure elements */
         }
 
 
         &.left, &.right, &.large {
+            margin-bottom:0;
+
             figcaption {
                 position: static;
                 width: auto;
                 text-align: center;
+                padding-bottom: 10px;
 
                 &:before {
                     display: none;
@@ -88,12 +92,16 @@
 
         &.left {
             float: left;
-            margin: 20px 20px 20px 0;
+            margin-left: 0;
+            margin-right: 20px;
+            margin-top: 20px;
         }
 
         &.right {
             float: right;
-            margin: 20px 0 20px 20px;
+            margin-left: 0;
+            margin-right: 20px;
+            margin-top: 20px;
         }
 
         img {