WordPress.org

Ready to get started?Download WordPress

Forums

Testimonials by Aihrus
[resolved] [Plugin: Testimonials Widget] quotes overlapping (11 posts)

  1. lindsayLu
    Member
    Posted 1 year ago #

    This widget is great, and working perfectly, until I let my site site open for a while. When I let it sit idle, the quotes start to overlap. One fades in before the last one fades out.

    any ideas?
    Thanks!

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

  2. Michael Cannon
    Member
    Plugin Author

    Posted 1 year ago #

    What's your website URL?

  3. lindsayLu
    Member
    Posted 1 year ago #

    It's actually not live yet and password protected until launch. I think we'll be launching with the bug, so I can share once we do. But listening if anyone has some ideas until then. Much appreciated!

  4. Michael Cannon
    Member
    Plugin Author

    Posted 1 year ago #

    Then can you send me zip's of screenshots at http://typo3vagabond.com/contact-typo3vagabond/?

  5. lindsayLu
    Member
    Posted 1 year ago #

    thanks! just sent a screenshot.

  6. lindsayLu
    Member
    Posted 1 year ago #

    we're live, if you open the page and let it sit open for awhile, then click the "GET HELP NOW" like at the top it pulls down the preheader where the rotating quotes live. It will show the overlapping quotes. I'm wondering if there's a problem because I'm using nextGen gallery on the site. http://liveoakconsulting.net/

    any suggestions are appreciated. Thanks in advance!

  7. Michael Cannon
    Member
    Plugin Author

    Posted 1 year ago #

    That pull down is slick. In which browser do you have the overlapping happening?

    I'm not seeing it on OSX Chrome. Ah, I see it now on Firefox. Why is that browser the pain these days? It used to not be.

    Okay… I saw the FF problems the first time I pulled up the page, but not again on refreshing. That's definitely weird.

    I've tried many ways to get the FF problems to show up again without success.

    Is position:relative of the following needed?

    /* --- Teestimonials --------------------------------------------------------------------------- */
    .testimonial > .inner {
    	position:relative;
    	font-family: Georgia, Times, 'Times New Roman', serif;
    	font-style:italic;
    }
    .testimonial.type-bubble > .inner {
    	padding:22px 22px 1px;
    	position:relative;
    	-webkit-border-radius:3px;
    	   -moz-border-radius:3px;
    	   		border-radius:3px;
    }

    How about the display: block of

    .testimonial.type-bubble > .inner:before {
    	width:0;
    	display:block;
    	content:"";
        position:absolute;
        bottom:-16px;
        left:30px;
        border-width:8px;
        border-style:solid outset outset solid;
        border-right-color:transparent !important;
        border-bottom-color:transparent !important;
    }

    I think that some testing of the CSS in main/styles needs to happen to figure out if the position: relative or display: none is causing the FF display issues.

  8. lindsayLu
    Member
    Posted 1 year ago #

    It's actually happening in all browsers. If you open the page, click the top pull down, close it. wait about 20 seconds and click the pull down again, you'll see it happens every time and in every browser. I've been playing with the css for over a week now.

    I think there's something going on in the code, because basically one quote fades up and the prior one doesn't fade off, so they all display fine, just don't fade off correctly.

  9. Michael Cannon
    Member
    Plugin Author

    Posted 1 year ago #

    Did you get the CSS sorted out? Still need help?

  10. Michael Cannon
    Member
    Plugin Author

    Posted 1 year ago #

    Is this still a problem with the 2.0 release?

  11. lindsayLu
    Member
    Posted 1 year ago #

    i actually had to go with a different plugin that, I couldn't get it to work Thanks for all your help though!!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic