• 0
Sign in to follow this  
Followers 0

Padding Changes Around Highlight Images

Question

Posted · Report post

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

Share this post


Link to post
Share on other sites

7 answers to this question

  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks Bryan, much appreciated!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Perfect Adam!! Thanks much!!

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  
Followers 0