Home>Support>SiteOrigin Slider Navigation not lined up due to background image?

SiteOrigin Slider Navigation not lined up due to background image?

Hello,

On my page at http://www.optimizeandthrive.com/ it appears that the navigational arrows have some sort of margin set so that the arrows do not line up properly with the image.

I have a background image that is the same size of the foreground image. Yet the background image does stick out to the right a little bit. I think that makes the navigation look like it is off when in reality it may be that background image is throwing it off by being more to the right than the foreground image.

Anyway! Anyone have an idea as how to fix this? I would like to have the foreground image be centered over the background image with navigation lined up properly.

thanks

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

  1. 6 years, 10 months ago paulg

    It appears the problem I am having is with the background and foreground images.
    According to the slider documentation–>

    ” If you want to use the slider as a standard image slider, without any overlays, you can just upload your images to the background image.”

    Sooo, I upload my image to the background image.

    Once the image is uploaded to the background image, the navigation falls into the correct place.

    Now the problem is my image that I placed in the background image spot is now showing up twice! The background image appears to have the same image as a foreground image placed on top of it, even with no image being chosen and placed in the foreground image slot in the slider itself.

    So now the problem does not seem to be with the navigation, but with a background image being used as a background and as the foreground.

    Any ideas?

  2. 6 years, 10 months ago Support Assistants Hi, I Work Here

    Hi Paulg

    You can fix/change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    .post .so-panel img.size-full {
        max-width: 100%;
        margin: 0;
    }
    

    You might also need to install the SiteOrigin CSS Editor.

  3. 6 years, 10 months ago paulg

    Thank you so much! That did the trick.

  4. 6 years, 10 months ago Support Assistants Hi, I Work Here

    Super :) Glad to hear that helped. All the best.

  5. 6 years, 10 months ago paulg

    Now, when I add the link to the slide it appears that the image is again doubled at the bottom of the slider. Any way to get rid of this?

  6. 6 years, 10 months ago Support Assistants Hi, I Work Here

    Sorry to hear about the hassle. We’re not seeing a doubling up. Are you still encountering a problem?

  7. 6 years, 10 months ago paulg

    Yes. On the front page in the slider I see the image is doubled. If you look at the bottom of the image where the words are you should see the words doubled.

  8. 6 years, 10 months ago paulg

    I’m sorry, I just realized I had the wrong site listed. The site is http://www.paulgalbreath.com. Ugh, sorry. I had used the code above on two sites to correct the previous problem.

  9. 6 years, 10 months ago paulg

    Should I start a different thread since the problem is on another website than the first one discussed?

  10. 6 years, 10 months ago Support Assistants Hi, I Work Here

    Thanks for the wait. Please, try the following at AppearanceCustom CSS:

    /* Widget Images */
    
    .widget img {
        display: block;
    }
  11. 6 years, 10 months ago paulg

    Everything seems to be working! Hopefully I can stop bugging you now!

  12. 6 years, 10 months ago Support Assistants Hi, I Work Here

    Awesome :) Really glad to hear that helps. Thanks for hanging in there with us.

  13. 6 years, 10 months ago Asar Morris

    Could someone please answer the question I posted, I know I am not a premium user, but this is very important to me. I would even consider using your themes in the future if I could fix this issue.

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