Display Testimonials Section in a Custom Page

Hi,

Could you show me how to shortcode the index-testimonials.php, with a view to reuse it in a Custom Page.

Many thanks by advance !

Regards

MG

Comments

  • 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 


    4. Activate your snippet 

    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
  • 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 :

    Regards

    MG

  • 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

  • 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
  • This issue seems to appears only on Google Chrome

    See the attached capture

    Regards
    testimonial-display.pdf
    321K
  • 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
  • Hi mgregoire83

    Did it work for you.

    Thanks
    A
Sign In or Register to comment.