Jump to content


Photo
- - - - -

Padding Changes Around Highlight Images


  • Please log in to reply
7 replies to this topic

#1 mgravel

mgravel

    Member

  • Members

  • 17 posts
  • Country: Country Flag

Posted 09 February 2011 - 08:59 PM

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

#2 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 10 February 2011 - 02:10 AM

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

#3 mgravel

mgravel

    Member

  • Members

  • 17 posts
  • Country: Country Flag

Posted 10 February 2011 - 07:59 AM

Thanks Bryan, much appreciated!

#4 mgravel

mgravel

    Member

  • Members

  • 17 posts
  • Country: Country Flag

Posted 10 February 2011 - 07:33 PM

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

#5 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 11 February 2011 - 01:41 AM

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

#6 mgravel

mgravel

    Member

  • Members

  • 17 posts
  • Country: Country Flag

Posted 11 February 2011 - 07:48 AM

A padding setting of 0 brings the graphic on this page

Please Login or Register to see this Hidden Content

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

Please Login or Register to see this Hidden Content

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

#7 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 11 February 2011 - 05:03 PM

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; } `

#8 mgravel

mgravel

    Member

  • Members

  • 17 posts
  • Country: Country Flag

Posted 14 February 2011 - 04:15 AM

Perfect Adam!! Thanks much!!