Page Builder 
Widgets Bundle 
SiteOrigin CSS 
Installer 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.
Need fast email support? Get SiteOrigin Premium
Replies
13It 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?
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.
Thank you so much! That did the trick.
Super :) Glad to hear that helped. All the best.
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?
Sorry to hear about the hassle. We’re not seeing a doubling up. Are you still encountering a problem?
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.
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.
Should I start a different thread since the problem is on another website than the first one discussed?
Thanks for the wait. Please, try the following at AppearanceCustom CSS:
/* Widget Images */ .widget img { display: block; }Everything seems to be working! Hopefully I can stop bugging you now!
Awesome :) Really glad to hear that helps. Thanks for hanging in there with us.
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.