Eliminate Scrolling on a Webpage

Eliminate Scrolling on a Webpage

Note: In order for these instructions to work, in some cases, the site footer (Horizontal & some Vertical Navigation layouts) and Page Title blocks will need to be invisible.
 
Most galleries on pages will have images that hit the browser bottom or drop below it requiring scroll to see more content on the page. If you wish to have your gallery on a page be framed by a border on all sides without scrolling, please follow these instructions.

How to turn off scrolling 

Note, Make sure the Page Title content block's display is turned off before you follow these instructions.  Click here to learn how.
  • Click Design at the top of the page.
  • Under the Sitewide tab, click Styles
  • Click Images.

    Screen_Shot_2017-02-28_at_4.08.18_PM.png
  • Check the box labeled "Image Borders".
  • Set the border color to the same color as your background color.  
  • Adjust the border width to the desired size (in pixels). Changing the border width will create more or less space between the bottom of your images and the screen edge.

    Screen_Shot_2017-02-28_at_4.10.00_PM.png 
  • Go to specific portfolio and make sure to set Layout to "Classic Slideshow" >> Height "Fit to Window

    Screen_Shot_2017-03-03_at_9.39.23_AM.png

 

 If you wish to line up your header & site navigation flush to the content containers, please follow these instructions:

  • Design >> Sitewide >> Layout - set Width to 1200 or 1400 
    Sitewide >> Styles >> Wrapper >> turn on Site Wrapper >> Set Background color to match background of the site.
    Page >> Content block (Image Gallery, Image, Video Gallery, etc) >> Be sure Container is not set "Expand content to container edges
 
There you go! The content block should line up no matter what with the edges of the Navigation menu & Logo/Header.
 
Screen_Shot_2017-03-03_at_9.44.56_AM.png

    • Related Articles

    • Gallery Settings - Fit to window (Video Tutorial)

      How to properly set up your galleries as 'fit to window' or full frame.

    • Create a Thumbnail Image Gallery

      We have several gallery options that have thumbnail menus for all liveBooks websites. Thumbnails allow your viewers to quickly preview your images before viewing the enlarged version, all on one page. 1. After adding your Image Gallery to your page, ...

    • Customize Your Image Gallery

      Our Image Galleries offer eight different layout types for you to choose from. Read on to see how to customize a slideshow image gallery to preserve aspect ratio with a background color, and view the carousel slideshow option. Create a classic ...

    • Change Image Gallery Arrows

      A wide selection of gallery arrows is available for you to choose from so that you can customize your gallery as you please. To change your Image Gallery arrows: 1. Select the Design tool in the gray navigation bar and click on the Sitewide tab on ...

    • Add an Image/Image Gallery

      Add an Image or Image Gallery block to your page by using one of our preset content blocks. 1. Select Content in the navbar 2. Select the page you want to add an image to 2. While on the page, click on the green (+) icon that appears between the ...