Padding Changes Around Highlight Images

[mgravel 0]

Hi Folks, Don't think my last post got put up on the forum so trying again. I am looking for some help with custom css code for reduce the space around my highlight images. www.imergeadvisors.com/blog/services Thanks Much! Mike

[bryan-hadaway 3]

`body #highlight .content-pad .highlight-area{padding:0}` Go from there and see what you like. Thanks, Bryan

[mgravel 0]

Thanks Bryan, much appreciated!

[mgravel 0]

Bryan, I spoke too soon. Seems that the white space still exists? www.imergeadvisors.com/industries Any other suggestions? Mike

[bryan-hadaway 3]

You'll have to be more specific. Did my style get you closer, but you still need refinement? White space where exactly? Thanks, Bryan

[mgravel 0]

A padding setting of 0 brings the graphic on this page http://www.imergeadvisors.com/services/ right up to the line (now hidden) changing it to anything but 0 i.e. .5, 1.0 and so on puts in a space as shown on this page http://www.imergeadvisors.com/industries/. However, the setting is set to 0 padding. On the services page it overwrites the line below the menu items and on the industries page it does nothing. Changing from 0 to 1 moves the services page down 1/2 inch below the menu items line and then moves the industries graphic further down. It appears there is not consistency with the settings across all the pages with the exception of the home page which is a feature page. Bottom line there is movement but not consistent across pages and its either all the way up or 1/2 inch graphic movement down when a change is made from 0 padding to 1 or any other number. Mike

[cmunns 16]

I think this is because of the alignment of the highlight image on those other pages, but at any rate add this and it should fix it: ` #highlight .hl-image-bottom { margin:0px; } `

[mgravel 0]

Perfect Adam!! Thanks much!!