WordPress.org

Ready to get started?Download WordPress

Forums

Testimonials by Aihrus
[resolved] [closed] Quotation Marks in Testimonials (9 posts)

  1. JenniferPryor
    Member
    Posted 1 year ago #

    Thank you so much for creating this stellar plugin! It is without a doubt one of the favorite elements of my website.

    Through the past two updates, I have not been able to remove the quotation marks before and after the testimonial. I have looked at FAQ #13 last week and this week and tried to copy and paste the code into my css stylesheet. I just updated my plugin to the latest version but still the quotation marks are displayed. Here is everything in the style.css regarding testimonials:

    /*----- TESTIMONIALS -----*/
    #testimonials {
    height: auto;
    overflow: hidden;
    padding: 10px 0 5px 2px;
    width: 580px;
    }

    #testimonials img {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity = 70);
    padding: 5px;
    }

    #testimonials img.current {
    cursor: default;
    opacity: 1;
    filter: alpha(opacity = 100);
    }

    #testimonials div {
    width: 0px;
    float: left;
    display: none;
    margin-right: 10px;
    }

    #testimonials div.first {
    width: 245px;
    display: block;
    }

    #testimonials div h3 {
    color: #444;
    margin: 0 0 -10px 0;
    width: 240px;
    font-size: 15px;
    }

    #testimonials div p {
    font-size: 12px;
    width: 240px;
    line-height: 1.8em;
    margin-top: 13px;
    margin-bottom: 0px;
    }

    .testimonialswidget_testimonial .testimonialswidget_open_quote:before,
    .testimonialswidget_testimonial .testimonialswidget_close_quote:after {
    content: none;
    }

    .testimonialswidget_testimonial .testimonialswidget_open_quote:before,
    .testimonialswidget_testimonial .testimonialswidget_close_quote:after {
    display: none;
    }

    What do I need to change/edit/omit/add? My URL is

    Thank you for any help you can give. I've read through the support threads and tried each of the proposed solutions, to no avail. I'm pretty sure I must be missing something or messing something up in the css.

    Blessings,

    Jennifer

    http://wordpress.org/extend/plugins/testimonials-widget/

  2. JenniferPryor
    Member
    Posted 1 year ago #

    Something's weird there. The url is http://ilcsteamteach.com. The testimonials widget is labeled INSPIRATION.

    Thanks!

  3. Michael Cannon
    Member
    Plugin Author

    Posted 1 year ago #

    You're on the right track here. I think the problem is that since I've adjusted the Testimonials Widget CSS to only be included on demand, it's now in the footer, well after your theme's styles.css or equivalent is included.

    Let me revert the CSS on demand and your CSS should work fine again with upcoming release 2.7.8.

    Next, your testimonials are including blockquote tags. You really don't need that as the testimonial content is already surrounded by q tags. Just adjust your CSS for blockquote to play nicely with q tags as well to focus on content than presentation in your testimonial content.

  4. JenniferPryor
    Member
    Posted 1 year ago #

    Yes! The most recent updates removed the extraneous quotation marks. Thank you so much for your help! This is a GREAT plugin; thank you for quickly responding to your users' questions and concerns.

    God's blessings to you!

  5. Martis7
    Member
    Posted 1 year ago #

    Thank you for this great widget and continued support.

    After reading and trying most of the solutions to the quotes, nothing has worked, I have only one quotation mark displaying before my testimonial body.
    Here is my url http://jtekcomm.com/about/
    I would much appreciate your feedback,

    Thanks in advance!

  6. Michael Cannon
    Member
    Plugin Author

    Posted 1 year ago #

    @Martis7,

    You're welcome for the help. Check line 970 of your theme's style.css file and change display: block; to display: none;. That'll make quotes perq::before, blockquote::before` turn off.

    Near line 980 of your theme's style.css file and add display: none; to the q::after, blockquote::after part.

    Ciao!

    Michael

  7. Martis7
    Member
    Posted 1 year ago #

    Thank you Mike, works perfectly!

  8. wpchiem
    Member
    Posted 8 months ago #

    Hello together,

    i have the same problem that Martis7 had got.

    Which lines in my style.css I have to change:

    [ Moderator note: please wrap code in backticks or use the code button. ]

    /*************************************
    Comments
     *************************************/
    
    #commentform {
        background-color: #e3e3e3;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
        -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.4);
        padding: 10px;
    }
    
    #commentform input[type="text"]:focus,
    #commentform textarea:focus{
        display:block;
        z-index: 1;
        text-indent: 0px;
        outline: none;
        -webkit-transition:text-indent .3s ease-in;
        -moz-transition:text-indent .1s ease-in;
        -o-transition:text-indent .1s ease-in;
        transition:text-indent .1s ease-in;
        box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3),inset 0px 1px 3px rgba(0, 0, 0, 0.5);
        -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3),inset 0px 1px 3px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3),inset 0px 1px 3px rgba(0, 0, 0, 0.5);
    }
    
    #commentform input[type="text"]{
        height: 45px;
        width:70%;
    }
    
    #commentform input[type="text"],
    #commentform textarea{
        display:block;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        box-shadow:inset 0px 1px 3px rgba(0, 0, 0, 0.5);
        -moz-box-shadow:inset 0px 1px 3px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow:inset 0px 1px 3px rgba(0, 0, 0, 0.5);
        border: 4px solid #ccc;
        font-size:12px;
        padding: 0 5px;
        position: relative;
        text-indent: 65px;
        -webkit-transition:text-indent .3s ease-in;
        -moz-transition:text-indent .1s ease-in;
        -o-transition:text-indent .1s ease-in;
        transition:text-indent .1s ease-in;
    }
    
    #commentform .comment-form-author .required,
    #commentform .comment-form-email .required{
        position:absolute;
        left: 110%;
        z-index: 1;
        top: 10px;
        font-size: 22px;
        color: #BD3500;
    }
    #commentform .comment-form-author label,
    #commentform .comment-form-email label,
    #commentform .comment-form-url label,
    #commentform .comment-form-comment label{
        box-shadow:1px 2px 2px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
        clip: rect(0px, 1000px, 1000px, 0px);
        background-color: #CCCCCC;
        border-bottom-right-radius: 3px;
        display: inline-block;
        font-size: 12px;
        left: 4px;
        padding: 3px;
        position: absolute;
        top: 4px;
        z-index: 1;
        min-width: 55px;
        text-align: right;
    }
    
    #commentform p{
        margin:5px 0;
        position: relative;
        margin-left: 10px;
        line-height: 16px;
    }
    
    #commentform textarea{
        padding: 5px;
        width:80%;
    }
    
    #respond{
        padding-bottom:25px;
    }
    
    .alt{
        background-color:#eee;
        border-bottom:1px solid #ddd;
        border-top:1px solid #ddd;
        margin:0;
        padding:10px;
    }
    
    .commentlist .author, .commentlist .bypostauthor{
        background-color:#ddd;
        border-top:1px #000 dotted;
    }
    .avatar_cont{
        float: left;
        left: -70px;
        margin: 0 5px 0 0;
        position: absolute;
        -webkit-transition:all .1s ease-in-out;
        -moz-transition:all .1s ease-in-out;
        -o-transition:all .1s ease-in-out;
        transition:all .1s ease-in-out;
    }
    .depth-2 .avatar_cont{
        left: -87px;
    }
    .depth-3 .avatar_cont{
        left: -104px;
    }
    .depth-4 .avatar_cont{
        left: -121px;
    }
    .depth-5 .avatar_cont{
        left: -133px;
    }
    .avatar_cont:hover{
        transform:scale(1.3,1.3);
        -ms-transform:scale(1.3,1.3);
        -moz-transform:scale(1.3,1.3);
        -webkit-transform:scale(1.3,1.3);
        -o-transform:scale(1.3,1.3);
    }
    
    .commentlist cite, .commentlist cite a{
        font-size:1.1em;
        font-style:normal;
        font-weight:700;
    }
    
    .commentlist li.comment, .commentlist li.trackback, .commentlist li.pingback{
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
        -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.4);
        font-weight: 700;
        list-style: none outside none;
        margin: 15px auto 3px;
        padding: 12px;
        position: relative;
    }
    .commentlist li.comment:before{
        border-right: 10px solid #E3E3E3;
        border-bottom: 10px solid rgba(255, 255, 255, 0);
        border-top: 10px solid rgba(255, 255, 255, 0);
        content: " ";
        display: block;
        height: 0;
        position: absolute;
        left: -10px;
        top: 20px;
        width: 0;
        z-index: 2;
    }
    
    .commentlist p{
        font-weight:400;
        line-height:1.5em;
        margin:10px 5px 10px 0;
        text-transform:none;
    }
    
    .commentlist ul.children{
        padding-left:5px;
    }
    
    .commentlist{
        padding:0;
        text-align:justify;
        position:relative;
        font-size: 0.9em;
        width: 70%;
        margin: 0 auto;
    }
    
    .commentmetadata{
        display:block;
        font-weight:400;
        margin:0;
    }
    
    .comments-link{
        background:transparent url(images/comment.gif) no-repeat scroll left top;
        font-size:1.1em;
        padding:0 0 0 18px;
    }
    
    .comments-link a {
        text-decoration:underline;
    }
    
    .nocomments{
        color:#777;
        margin:0;
        padding:0;
        text-align:center;
    }
    
    h3.comments{
        margin:40px auto 20px;
        padding:0;
    }

    I would much appreciate your feedback,

    Hans

  9. Michael Cannon
    Member
    Plugin Author

    Posted 8 months ago #

    Hans, this ticket is already resolved. Please open a new ticket.

    Before doing so though, please search for CSS in the support knowledge base to learn about debugging CSS issues.

    In particular, I suggest viewing https://aihrus.zendesk.com/entries/24910733-How-to-Correct-Testimonials-Widget-CSS-Issues.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic