There is an annoying white border around the primary logo on our website.

But the border size, I've already set to 0px on all sides.

I even tried making the background color brown on both images and the one below it, thinking maybe the website background was showing up. This is my first attempt with RLM.

Here is a screenshot of the problem, with yellow arrows to the unwanted border. It remains no matter what size I scale down to. Also I checked the CSS and saw 0px on borders. Not sure where this is coming from!

Please help
also if you could show me how to make the entire page background color brown, not white. Would appreciate it.
Laura

http://www.coffeecup.com/forums/responsive-layout-maker/white-border-appearing-on-image-how-to-get-rid-of-it/attachments/3126/

Can you upload this and post a URL to the page?

Just a guess, since we can't see the code.... Have you set paddings and margins to 0 ?

Here, I've uploaded the responsive test page to our server. Including the CSS and JS folders.

http://www.countrywedding.country/test/index.html

Can anyone figure out what is causing that white border?
thanks!

I only had a moment to check, but I don't think it is a border. You have two images side by side that are each in a div. There is a gap between the two divs. The white background is showing in that gap creating the effect of a border.

Remove the padding

How do I put two images next to each other without div's? Or how do I change the background color of the entire page so it isn't white?

They have to be separate images because eventually there will be a video or slideshow where the wedding couple is, but the logo will remain static. That image is just a placeholder for now.

thanks
Laura

The way you have it is fine. But you have a .5 padding applied to the right of the container. You would need to remove that padding as Eric suggested to correct the issue.

Thank you. But where can I change the padding? I have RLM Pro open right now and it says there is 0 padding on all sides of both images.