Home>Support>Looking to add dot sliders & break up whitespace on page

Looking to add dot sliders & break up whitespace on page

Hi there hope your well,

Working on the following website which has the homepage built in siteorigin page builder. There is a considerable amount of whitespace between the blocks towards the bottom of the page and wondering how they can be reduced.

See link for reference https://agrtech.com.au/

Also wondering if its possible to add in dot sliders to break up content rather than having multiple blocks on top of each other which takes up more screen realestate on mobile.

Looking to get something similar to this screenshot

The sliders would simply have an image and the title which would link to an internal page.

Thank you in advance

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 1 year, 25 days ago Andrew Misplon Hi, I Work Here

    Hi, thanks for reaching out.

    To remove the default spacing you could try the snippet documented at the below link:

    Page: Advanced Customizations

    Code Snippets is the plugin I’d recommend to add the function. Code Snippets is currently awaiting a review before going live again.


    You can read about the flagged issue on the forum https://wordpress.org/support/topic/pending-a-full-review/.

    You can download a copy from the Code Snippets GitHub repo: https://github.com/sheabunge/code-snippets. Click the green Code button then download the ZIP file. Once on your desktop, unzip the file and change the label from code-snippets-develop to code-snippets. Re-zip. Upload via PluginsAdd NewUpload Plugin. Once activated, add a new snippet via SnippetsAdd New.

    You could also add the function in question from a child child theme or custom plugin.

    You could try the SiteOrigin Slider, Hero or Layout Slider Widgets to break content up in slider fashion with nav dots.

    Kind regards


  2. 1 year, 25 days ago Andrew Misplon Hi, I Work Here

    I forgot to mention the Anything Carousel Widget for any content in a carousel format.

    Post: Announcing the Anything Carousel
    Page: Anything Carousel

  3. 11 months, 22 days ago alessiorigoli

    Hi Andrew thanks for the reply and apologies for my delayed response. I did try that code snippet using the plugin and unfortunately the issue still remains. On my homepage as you scroll to the bottom of the page where the Google maps are there is a massive gap there which I would like to reduce so it is more consistent with the other homepage blocks.

  4. 11 months, 21 days ago Andrew Misplon Hi, I Work Here

    Hi Alessio

    Thanks for your reply.

    The 100px padding is added by Sydney. Is the so_sydney_padding_override function active in Code Snippets?

  5. 11 months, 21 days ago alessiorigoli

    All good go it working now thanks for your help Andrew

  6. 11 months, 21 days ago Andrew Misplon Hi, I Work Here

    Super; glad to hear you’re making progress :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More