Jump to content
Sign in to follow this  
andrewbamford

When I upload a picture to the Banner there is no margin on the Right Hand Side

Recommended Posts

andrewbamford

When I upload an image to the Banner it is flush to the right hand side of the banner with no margin. I have looked at the Page line Site and there is a margin on there. http://charitytradingevent.co.uk/our-mission/ I use firefox and have also checked it on chrome an the same this is happening. Any ideas how to fix it so there is a margin to the right of the picture? PS I do not understand code much so please keep it simple Thanks

Share this post


Link to post
Share on other sites
Rob
I'm not exactly sure why that's happened and will speak to one of our developers about it. However, one thing I should point out, you should resize your image in the banner. That image loads very slowly because it is actually very large. Try cutting it down to under 650px wide to reduce the file size and load time.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob
Okay. Just spoke with the developer. The image you have is set to be max-width:100% and you're using an image 4000px wide. At that size it should cover 3 laptop screens, side by side. You need to resize images to manageable sizes on your site. That one image is 1.1Mb. So, to ease this for you, I've resized it to 350px wide. [img]http://www.epicurus.com/wp-content/uploads/2012/01/P1020637.jpg[/img] (just right click, save image and replace the big one). The max-width tag combined with the 4000px wide image is killing the padding normally found.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×