Jump to content
Sign in to follow this  
freshlydesigned

4 box alignment issue

Recommended Posts

freshlydesigned

Hi Guys, I could really use some help with an alignment issue. I happily found a way of getting BOXES without text, but I REALLY need them to align so they are square with the edges of the Feature slider above on both sides, at the moment i am either shy to the left or 4th image gets pushed down to another row. I have added some Custom CSS (enclosed below), but so far can't figure out how to do it. The website address is http://www.fordeabbey-gardens-dorset.co.uk/ I am working with images that are 210 x 130 (but can change this if necessary). Thanks a lot in advance for any help body{} #feature {margin-top: 0px; margin-bottom: 0px;} .widget-title {color: #fff;} #branding .content-pad { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 10px; } .dcol_3 { width: 245px; margin-left: 0px; } .dcol_container_3 { width: 960px; float: right; } .top_thumbs .fboxgraphic, .only_thumbs .fboxgraphic { text-align: left; margin-bottom: 5px; margin-right: 10px; } .dcol_container_4 { width: 980px; float: left; } .dcol_4 { width: 222px; margin-left: 0px; margin-right: 20px; }

Share this post


Link to post
Share on other sites
freshlydesigned

don't worry, I've deleted all the code and gone back to original format where the boxes align with the text below, looks fine. Thanks

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  

×