Blog details image floating alignment issue fixed.

JoomShaper · Apr 19, 2018 · 5a225b2 · 5a225b2
1 parent e4e3ec8
commit 5a225b2
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/template/html/layouts/joomla/content/full_image.php b/template/html/layouts/joomla/content/full_image.php
@@ -22,9 +22,11 @@
 
 <?php if(!empty($full_image) || (isset($images->image_fulltext) && !empty($images->image_fulltext))) { ?>
 	<?php $imgfloat = (empty($images->float_fulltext)) ? $params->get('float_fulltext') : $images->float_fulltext; ?>
-	<div class="entry-image full-image"> <img
+	<div class="pull-<?php echo htmlspecialchars($imgfloat); ?> entry-image full-image">
+		<img
 		<?php if ($images->image_fulltext_caption):
 		echo 'class="caption"' . ' title="' . htmlspecialchars($images->image_fulltext_caption) . '"';
 		endif; ?>
-		src="<?php echo htmlspecialchars($full_image); ?>" alt="<?php echo htmlspecialchars($images->image_fulltext_alt); ?>" itemprop="image"/> </div>
+		src="<?php echo htmlspecialchars($full_image); ?>" alt="<?php echo htmlspecialchars($images->image_fulltext_alt); ?>" itemprop="image"/>
+	</div>
 <?php } ?>
diff --git a/template/less/theme.less b/template/less/theme.less
@@ -670,11 +670,20 @@ article {
     margin-bottom: 50px;
 }
 
+// image alignment css
+.pull-right.entry-image {
+    margin: 0 0 18px 20px;
+}
+.entry-status, .entry-quote {
+    margin-bottom: 50px;
+}
+
 .entry-header {
     position: relative;
     margin-bottom: 30px;
     &.has-post-format {
         margin-left: 68px;
+        display: inline-block;
     }
     h2 {
         margin: 8px 0 0;