ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Flexform
• July 29, 2014 at 9:58 pm #95856
  aaustin69

  Member

  Post count: 115

  Hi, I am using the custom css for my footer divider to make it the following color:

  #footer{border-top-color:#c6c6c6 !important;}

  The issue I am having is that there is a very small amount of space above the footer divider. On most pages this not an issue, but it is bugging me on pages such as my home page where I have a testimonials slider right above it.

  I have attached an image and created a red arrow that points to the space I am talking about. It is the very small space above the footer divider and below the grey testimonials slider. I realize this is a very small thing, but it is bugging me and I was wondering if there is a way to get rid of this extra space?

  Thanks, Alan

  Attachments:

  You must be logged in to view attached files.
  July 30, 2014 at 7:57 am #95951
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  I would need to see your link to that I can see what’s causing the space

  – Kyle

  July 30, 2014 at 3:51 pm #96175
  aaustin69

  Member

  Post count: 115

  Hi Kyle,

  By link, are you referring to the actual webpage? If so, it is my homepage at: http://marketgrouprealty.com

  You can also see the same thing on this page: http://marketgrouprealty.com/about/

  If you meant something else, please let me know.

  Thanks,

  Alan

  July 30, 2014 at 3:55 pm #96181
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  On your testimonial asset at the bottom, add bb0 to the extra class field

  – Kyle

  July 30, 2014 at 4:22 pm #96188
  aaustin69

  Member

  Post count: 115

  Hi Kyle, that doesn’t seem to work.

  I was using mb0 in the extra class field in order to eliminate the majority of the space, but when I replace it with bb0 it creates even more space (see attached screen shot).

  Also, I tried using both as: mb0,bb0. But that still creates the same result with too much extra space.

  Alan

  Attachments:

  You must be logged in to view attached files.
  July 30, 2014 at 8:15 pm #96218
  aaustin69

  Member

  Post count: 115

  Not sure if this helps, but I am using the following custom CSS for the Testimonials Slider.

  .alt-bg.wpb_testimonial_slider_widget {padding-top:20px;}
  .alt-bg.wpb_testimonial_slider_widget {padding-bottom:0px;}
  .alt-bg.wpb_testimonial_slider_widget {color: #ffffff; }

  I figured the spacing issue has to do with the bottom border, and not the Testimonials Slider, but I really don’t know.

  Any help would be appreciated.

  Thanks again, Alan

  July 30, 2014 at 8:28 pm #96221
  aaustin69

  Member

  Post count: 115

  I figured it out. I thought I was suppose to put a comma between class names (mb0,bb0), but I found through another post that just a space between class names is how it works (mb0 bb0).

  That did the trick.

  Thanks, Alan

  July 31, 2014 at 8:06 am #96296
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Yes that is correct, glad you managed to solve it

  – Kyle

• Back to forum

  Posted in: Flexform