motif testimonials feature image edit

• 

  acupunctureinkeighley · Member · Oct 1, 2014 at 8:23 pm

  • Copy link
  • Add topic to favorites

  hi, could anyone help me to remove the white space under the feature image of the testimonials page? I am using motif theme.

  Many thanks

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Oct 1, 2014 at 8:45 pm

  • Copy link

  Hi there, the way this theme is designed, we end up needing two rules. The first removes the white background and box shadow from the featured image and the testimonials (since they have the same CSS class) and the second adds the styling back in for the testimonials. I’ve limited this change to just the testimonials page.

• 

  thesacredpath · Member · Oct 1, 2014 at 8:45 pm

  • Copy link

  Oops, I didn’t paste in the code for you.

  .post-type-archive-jetpack-testimonial .site-main .hentry {
      background: none;
      box-shadow: none;
  }
  .post-type-archive-jetpack-testimonial .testimonials .hentry {
      background: #FFF;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  }

• 

  hallluke · Member · Oct 1, 2014 at 8:52 pm

  • Copy link

  I think you should be able to fix this without CSS by cropping the image so it is not quite so wide as I have a feeling the fact that the image is so wide and narrow is what’s causing the issue. However it can be patched up with CSS, try this:

  .archive .testimonials-content-area .entry-thumbnail {
    height:336px;
  }

• 

  thesacredpath · Member · Oct 1, 2014 at 8:56 pm

  • Copy link

  Two choices in fixing the issue, and @halllukes is less complex. :)

• 

  acupunctureinkeighley · Member · Oct 1, 2014 at 9:01 pm

  • Copy link

  thanks for you both for the quick reply.

  i have tried either of your code, however, it seems not working. Also, i tried different image before, always have the same problem.

• 

  acupunctureinkeighley · Member · Oct 1, 2014 at 9:03 pm

  • Copy link

  on the front page, there is no white space under the feature image, but on testimonial page, always have the same problem

• 

  thesacredpath · Member · Oct 2, 2014 at 2:32 am

  • Copy link

  Hi, I see you now have added Testimonial page content now. I think that sliver of white below the image was somehow a bit of space that was somehow not removed when the testimonial content was not included.

  The first code I gave should have removed that since it removed the white background and box shadow from behind the featured content image/text area.

  Are you alright with having the testimonial page content there or would you rather it was gone with just the image?

• 

  acupunctureinkeighley · Member · Oct 2, 2014 at 9:08 am

  • Copy link

  Thanks, thesacredpath.

  I have tried your code, it was not work. I think the full width page is different from the front page design. The silver of white below the image was designed for content.

  I prefer remove that space, just leave the image. Could you help to remove the space for content? I just input some sentence underneath the image to hide that white line, however, i would rather it was gone with just the image.

  thanks again

• 

  thesacredpath · Member · Oct 2, 2014 at 3:23 pm

  • Copy link

  Hi there, if you were putting my CSS at the bottom of your custom CSS below the .site-info:before rule, it had a missing closing curly bracket ( } ). Once I added that and then added the CSS I gave above, the white background has disappeared from below the image on the Testimonials page. I saved the CSS changes I made in your customizer. Take a look and you can delete the Testimonials intro text at Appearance > Customize > Theme now.

• 

  acupunctureinkeighley · Member · Oct 2, 2014 at 6:36 pm

  • Copy link

  it works now. thank you! thesacredpath! really appreciate it!

• 

  thesacredpath · Member · Oct 2, 2014 at 6:38 pm

  • Copy link

  Hooray and you are welcome!