Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Well, I played a bit with your html via the element inspector and I think I got what you need. This is a general idea and you might need to adjust and I only experiment that on Chrome.</p> <p>There's a div element where the loader image/area exists. I added another div element just below it. see the code and the screenshot (I cannot upload the screenshot stackoverflow doesn't allow it :))</p> <pre><code> &lt;div id="mss-slider_3701" style=" background: #FFF url('/DesktopModules/Markit.SlideShow/Templates/JJ-Rasper-Clone 1/Slider-Foreground.png') no-repeat; "&gt; &lt;div id="slide-loading_3701" style="display: none;"&gt; &lt;/div&gt; &lt;!-- !! this element was added --&gt; &lt;div style=" backgrou![enter image description here][1]nd: #FFF url('/DesktopModules/Markit.SlideShow/Templates/JJ-Rasper-Clone 1/Slider-Foreground.png') no-repeat; width: 800px; height: 184px; position: absolute; z-index: 1000000; opacity: .5; top: 0px; "&gt;&lt;/div&gt; &lt;div id="slide-wrapper_3701" style="display: block; overflow: hidden; position: relative;"&gt; &lt;div id="slide-outer_3701" style="position: absolute; width: 1580px; left: -443.98px;"&gt; &lt;div class="slide" style="visibility: visible; zoom: 1; opacity: 0.4016846526922899; position: relative; float: left;"&gt; &lt;div class="slide-inner"&gt; &lt;img src="/DesktopModules/Markit.SlideShow/ImageHandler.ashx?img=/Portals/50/SlideShow_Photos/3701/Community-Center-S.png&amp;amp;w=840&amp;amp;h=234&amp;amp;Q=0&amp;amp;PortalID=50" alt="Welcome to your Community"&gt; &lt;div class="mss-introtext_3701"&gt; &lt;div style="position: absolute; width: 100%; height: 100%; z-index: 1;"&gt;&lt;/div&gt;&lt;div style="width: 100%; height: 100%; position: relative; z-index: 2;"&gt;&lt;div style="margin: 0px; overflow: hidden; height: 0px;"&gt;&lt;div class="slidetext_3701" id="slide_201" style="margin: -174px 0px 0px;"&gt; &lt;div class="slidetitle"&gt;Welcome to your Community&lt;/div&gt; &lt;div class="slidesubtitle"&gt;Make the Winston Community Center your first step in planning your Wedding, Banquet, Birthday&lt;/div&gt; &lt;div class="readonReplacement"&gt; &lt;/div&gt; &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="slide" style="visibility: visible; zoom: 1; opacity: 0.5983153473077101; position: relative; float: left;"&gt; &lt;div class="slide-inner"&gt; &lt;img src="/DesktopModules/Markit.SlideShow/ImageHandler.ashx?img=/Portals/50/SlideShow_Photos/3701/wedding.png&amp;amp;w=840&amp;amp;h=234&amp;amp;Q=0&amp;amp;PortalID=50" alt="Planning a Wedding?"&gt; &lt;div class="mss-introtext_3701"&gt; &lt;div style="position: absolute; width: 100%; height: 100%; z-index: 1;"&gt;&lt;/div&gt;&lt;div style="width: 100%; height: 100%; position: relative; z-index: 2;"&gt;&lt;div style="margin: 0px; overflow: hidden; height: 168px;"&gt;&lt;div class="slidetext_3701" id="slide_202" style="margin: 0px;"&gt; &lt;div class="slidetitle"&gt;Planning a Wedding?&lt;/div&gt; &lt;div class="slidesubtitle"&gt;Our large Grand Room can accommodate large weddings, and our wedding package is priced for any budget. &lt;/div&gt; &lt;div class="readonReplacement"&gt; &lt;/div&gt; &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload