Slide show object pushing down layout grid.

Issues related to previewing and publishing your web site.
Post Reply
skanaba
 
 
Posts: 89
Joined: Wed Jan 24, 2018 12:16 am

Slide show object pushing down layout grid.

Post by skanaba »

Hello Pablo, we used the roll over text tool to insert three "pests" on the pest website we are working on. Thank you for your help in our quest to use the right tool for the effect the client was interested in. One big issue has popped up.
If you look at the link following, you will see that there is a slide show of 5 images, some text to the right and then a LARGE gap to the three pests in a layout grid....with the roll over text.
http://sonoranpest.com/G3dev/index.html

It seems that there is something going on with the slide show that is pushing the layout grid with the pests down for some reason.
If you look at "index2.html", we removed the slide show and just used a static image.
http://sonoranpest.com/G3dev/index2.html
There doesn't seem to be anything in the page's html code. Could it be buried in the css or javascript? Thank you! We would really like to incorporate the slide show. Steve K.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Slide show object pushing down layout grid.

Post by crispy68 »

Its because you have the height of the slide show set to 100vh. This sets the height to 100% of the viewport. Check your settings for the 'fullscreen' mode. Pull the slide show out of the layout grid, make sure fullscreen mode is none, insert it back into the grid and set full width to false.
skanaba
 
 
Posts: 89
Joined: Wed Jan 24, 2018 12:16 am

Re: Slide show object pushing down layout grid.

Post by skanaba »

Hi, thanks for the feedback but the settings are not what you are suggesting. I will insert 3 screen grabs for the index.html page, showing the slide show settings in use (General and Style) along with the layout grid settings in use. Use the supplied links to view the screen grabs.
Thanks again ....and Pablo, if you are reading this please check out the two pages at the beginning of this thread. Thank you all!
Slide show settings:
http://sonoranpest.com/G3dev/Sonoran_Sl ... -14-19.jpg
Layout Grid settings:
http://sonoranpest.com/G3dev/Sonoran_La ... -14-19.jpg
Slide Show Style settings:
http://sonoranpest.com/G3dev/Sonoran_Sl ... -14-19.jpg

I do see in the code that was generated for the slide show does show the 100vh setting. However, there is no height setting on the Slide Show Style settings screen.
On the Layout Grid settings, we have it set the height on on "auto". How in the world do we end up with a different setting? Here is the code (which you probably have looked at):
<div id="wb_LayoutGrid1">
<div id="LayoutGrid1">
<div class="row">
<div class="col-1">
</div>
<div class="col-2">
<ul id="SlideShow1" style="display:inline-block;position:relative;width:500px;height:100vh;z-index:10;">
<li><img class="image" src="images/33092101_500x333.jpg" alt="" title=""></li>
<li><img class="image" src="images/53864099_500x333.jpg" style="display:none;" alt="" title=""></li>
<li><img class="image" src="images/42314749_500x333.jpg" style="display:none;" alt="" title=""></li>
<li><img class="image" src="images/31892040_500x333.jpg" style="display:none;" alt="" title=""></li>
<li><img class="image" src="images/42109088_500x333.jpg" style="display:none;" alt="" title=""></li>
</ul>
</div>
User avatar
Pablo
 
Posts: 21569
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Slide show object pushing down layout grid.

Post by Pablo »

To be able to help you I need a demo project file.
There is no way to see what you have done exactly based on the HTML code only.

Related FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134
skanaba
 
 
Posts: 89
Joined: Wed Jan 24, 2018 12:16 am

Re: Slide show object pushing down layout grid.

Post by skanaba »

Hi Pablo,
Here is a link to the .wbs file
Hope this helps!
http://sonoranpest.com/G3dev/SonoranPes ... -11-19.wbs
Thank you!, Steve K.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Slide show object pushing down layout grid.

Post by crispy68 »

The problem is as I explained:
Pull the slide show out of the layout grid, make sure fullscreen mode is none, insert it back into the grid and set full width to false.
Please follow my instructions above and it will correct it.
skanaba
 
 
Posts: 89
Joined: Wed Jan 24, 2018 12:16 am

Re: Slide show object pushing down layout grid.

Post by skanaba »

Hi guys,....just tried that and it worked! Thanks for the simplified instruction.
Pablo the two geniuses have it nailed! Thanks for checking in on this thread.
Steve K.
Post Reply