Display Testimonials Section in a Custom Page

Comments

• abhishek

  January 2017

  Hi mgregoire83

  
  

  Follow given instructions.

  
  

  1. Install and activate code snippet plugin from wordpress.org https://wordpress.org/plugins/code-snippets/

  
  

  2. Download attached zip file and extract this zip folder.

  
  

  3. Import testimonial.code-snippets.xml in your code snippet plugin 

  
  

  Have a look in http://prntscr.com/e1cv6k

  
  

  4. Activate your snippet 

  Have a look http://prntscr.com/e1cvoe

  
  

  5 Now you can use [wallstreet_testimonial]  shortcode on any page and post where you want.

  
  

  Let me know did this work.

  
  

  Thanks
  A

  
  

  
  

  
  

  
  

  
  

  
  

  

  

  testimonial.code-snippets.zip

  2K
• mgregoire83

  January 2017

  Hi abhishek,

  
  

  It works like a charm ! Thanks a lot ! 

  
  

  1 - How can I remove the Comment area display ?

  2 - I have also a little display problem with the not cenetred testimonial message.
  

  
  

  See here :

  http://franceadeselles.mouv.info/
  

  
  

  Regards

  
  

  MG

  
  
• priyanshu

  January 2017

  Hi 

  
  

  Kindly post separate ticket for separate issue. Your concern in the point no 2 is related to issue mentioned in the ticket title, so , if you want to center the message or close to center than add the following css rule in the custom css box

  
  

  div.testimonial-area p {
  width: 80%;
  }
  

  
  

  Adjust the percentage as per your requirement.

  
  

  I have seen your site and it looks great and good to see that you are using your own custom home page, but I have a suggestion which makes it look even better somewhat like this http://www.awesomescreenshot.com/image/2110051/7bfba124b1dec778891b8b99593a7c95

  
  

  To achieve the above layout you  have to increase width of the content wrapper which is  blog-post-title-wrapper , so by increasing the wrapper width to 100% the content on homepage will be placed evenly from both left and right. For doing this use the following css rule

  
  

  .page-template-custom-homepage-fullwidth div.blog-post-title-wrapper {
  width: 100%;
  

  } 

  or want to increase wrapper throughout the site than use this css instead

  
  

  div.blog-post-title-wrapper { width: 100%; } 

  
  

  and adjust the percentage of testimonial area acfordingly.

  
  

  If you are enjoying this theme and support than do us a favor by sharing your valuable feedback here

  
  

  Regards

  Priyanshu

  
  
• mgregoire83

  January 2017

  Thanks !

  
  

  The width question is solved, but I stll have a height problem !

  
  

  The <h2> title is not disopalyed above the testimonial !

  
  

  An idea ?

  
  

  Regards
• mgregoire83

  January 2017

  This issue seems to appears only on Google Chrome

  
  

  See the attached capture

  
  

  Regards

  

  

  testimonial-display.pdf

  321K
• abhishek

  January 2017 edited January 2017

  Hi mgregoire83

  
  

  Add this custom CSS code in theme custom css box

  
  

  .caroufredsel_wrapper { height: 300px !important; }

  
  

  @media screen and (max-width: 768px) { 

  .caroufredsel_wrapper { height: 300px !important; }

  }

  
  

  @media screen and (max-width: 480px) { 

  .caroufredsel_wrapper { height: 500px !important; }

  }

  
  

  Let me know did it works.

  
  

  Thanks
  

  A
• abhishek

  January 2017

  Hi mgregoire83

  
  

  Did it work for you.

  
  

  Thanks
  

  A