From bed5bf08e888bbf900e844935b088cb559cbd3e3 Mon Sep 17 00:00:00 2001
From: tokslaw <tokslaw@chiefsoft.com>
Date: Sat, 14 Dec 2024 18:47:13 -0500
Subject: [PATCH] blog image display fix

---
 app/Views/welcome_message.php | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/Views/welcome_message.php b/app/Views/welcome_message.php
index 7458afd..d98bdd8 100644
--- a/app/Views/welcome_message.php
+++ b/app/Views/welcome_message.php
@@ -1265,7 +1265,7 @@
                                         </div>
                                     </div>
                                     <div class=" ml-10 ld-fancy-heading relative animation-element">
-                                        <p class="ld-fh-element relative text-14 font-medium m-0 text-slate-600">Riverting information</p>
+                                        <p class="ld-fh-element relative text-14 font-medium m-0 text-slate-600">Riveting information</p>
                                     </div>
                                     <div class="star-rating pl-10 text-slate-600 animation-element" title="5/5">
                                         <i class="star-full">&#9733;</i>
@@ -1284,14 +1284,22 @@
 
                                     <?php
                                     foreach ($blogdata as $item){
-                                        //var_dump($data);
                                         ?>
                                         <div class="col col-xl-5 px-30 col-md-6 col-12 carousel-item flex flex-col justify-center">
                                             <div class="carousel-item-inner relative w-full">
 
                                                 <div class="lqd-testi relative lqd-testi-style-1 flex flex-col-reverse lqd-testi-shadow-xs lqd-testi-details-lg lqd-testi-quote-18 lqd-testi-avatar-72 rounded-20 py-30 px-35 bg-blue-100 module-content ">
-                                                    <p><?=$item['post_title']?><br></p>
-                                                    <div><img style="border-radius: 10px;" src="<?=$blog_media_url?>/<?=$item['meta_value']?>" alt="Tokslaw"></div>
+                                                    <div style="flex-direction: column">
+                                                        <div style="padding: 5px; color:darkblue; font-weight:bolder; font-size:15px;"><?=$item['post_title']?><br></div>
+                                                        <div style="height: 310px;
+                                                                background-repeat: no-repeat;
+                                                                background-attachment: fixed;
+                                                                background-position: center;
+                                                                background-size: contain;
+                                                                background-image: url(<?=$blog_media_url?>/<?=$item['meta_value']?>); border-radius: 15px;">
+<!--                                                            <img style="border-radius: 10px;" src="--><?php //=$blog_media_url?><!--/--><?php //=$item['meta_value']?><!--" alt="Tokslaw">-->
+                                                        </div>
+                                                    </div>
 
                                                 </div>
                                             </div>