Home>Support>Slider widget – bottom layer of image getting duplicated

Slider widget – bottom layer of image getting duplicated

Hi Guys,
Firstly, a big thanks for all your plugins facilitating newbies like me in creating our websites :)
I was trying to use the Slider widget, but as soon as the 2nd slide appears, there is an added layer at the bottom of the images which distorts the pictures. Have provided a link to the webpage to help you understand the issue better. Would be a great help if you could help get this sorted.

URL: http://www.theroobarooproject.com/roobaroowalks/

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

  1. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Aayush

    Thanks for your support and for sending a link, always helpful. Really cool to see you using the directions feature in our maps widget :)

    It looks like your theme CSS might be adding a bottom margin to all images. Not very kind, but we can handle :) Let’s try the following in a Custom CSS plugin or in your child style.css file.

    /* SO Slider Widget */
    
    .so-widget-sow-slider img { margin-bottom: 0 }
    

    Let us know how that goes. Thanks.

  2. 9 years, 1 month ago Aayush Rathi

    Wow! That was a quick and neat fix, Andrew! I just added the lines to the Child theme css file and it worked. Thanks a lot :)
    And yes, the directions feature is pretty cool and easy to use, so I decided to go for it! In fact, I had a quick question in there – In the third panel, for the boat tour, I wanted to show the directions on the water. However, the map widget does not have an option for waterways so by default it sticks to roads. Is there a way around that?
    Also, is there a way to change the font of the button text?
    I realise these are 2 new queries so let me know if you would want me to post them as a separate thread.

    Thanks again!

  3. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Super :) Glad to hear that helped.

    Thanks for the waterways feedback, that’s really helpful. I’m going to chat to our Widgets Bundle developer a little later today and ask him to look into this for a future update. When a Widgets Bundle update gets pushed out you can always check what we’ve added or fixed here: https://wordpress.org/plugins/so-widgets-bundle/changelog/.

    For the Button widget font, try this. Edit the widget in question, click Attributes top right and enter the following as a CSS class, the first field:

    custom-font
    

    Then, in a Custom CSS plugin or child theme style.css, let’s target that class:

    /* Custom Page Builder Classes */
    
    .custom-font {
    	font-family: font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
    

    You can change the class name. Just note that it has no period before it in Attributes but DOES have a period before it in our style.css or Custom CSS file.

    You can change the font family as required. Let me know how this goes :)

  4. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Ok, so a quick chat with the guys now. We think waterways will rely on whether Google supports it for a certain area. I see a few blog posts on the waterways in the UK and London specifically being routable with directions. As a test you could try add a map to a test page and see if the main waterways in London can accept directions. If it works in our widget you’d know it’s a Google support issue.

  5. 9 years, 1 month ago Aayush Rathi

    Hey Andrew! The font change happened as directed. Thanks once again :)
    And yes, the waterways does seem to be a google support issue. No worries then. Thanks for trying though!

  6. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Super, glad to hear you’re making progress.

    Hopefully we’ll see Google support come to your area for waterways soon!

    All the best with your site.

    Cheers

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