Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Contributor Chris Dillon

    (@cdillon27)

    Every theme is different so I really need to see it in action. Can you post a link to your site? Or send it to me here?

    Thread Starter thumpn8974

    (@thumpn8974)

    I am sorry, I thought it posted it. It is: https://tsmc.church/testimonies/

    Plugin Contributor Chris Dillon

    (@cdillon27)

    No problem. Try this in your child theme’s stylesheet or custom CSS function, or with a plugin like Simple Custom CSS:

    .testimonial .inner {
      background: none;
    }

    To remove the white border too:

    .testimonial {
      border: 0;
    }
    .testimonial .inner {
      background: none;
      border: 0;
    }

    That appears to be a slideshow but it’s not working. What is the exact shortcode you’re using?

    Thread Starter thumpn8974

    (@thumpn8974)

    I am a noob to this. I am trying to get it to show a small, compact title, small excerpt, name, and “read more” link. I am getting my butt kicked trying to get something that will work and show the testimonies.

    To answer your question I am trying all the examples that are listed on https://demos.wpmission.com/strong-testimonials/examples/3-random-excerpts/ which really aren’t helping me much with this theme. I don’t know what I am doing wrong. I think that is why I quit the last time with this. I couldn’t get it to do what the examples were showing.

    Thread Starter thumpn8974

    (@thumpn8974)

    If you look at what I have there, now, that will work, except I would like to have a short excerpt. Here is what I have on page:

    [strong title excerpt length=”150″ more_post more_text=”Read More…” count=”5″ no_stylesheet class=”three-across”]
    [client]
    [field name=”client_name” class=”name”]
    [/client]
    [/strong]

    This is the css in the child css edit area:

    .testimonial .inner {
    background: none;
    }
    .three-across .testimonial {
    border-radius: 2px;
    box-sizing: box-sizing;
    display: inline-block;
    min-height: 231px;
    padding: 1px;
    width: calc( 33% );
    text-align: center;
    vertical-align: top;
    }
    .three-across .testimonial:nth-child(even) {
    background: none;
    }
    .three-across .content {
    font-size: 1.5em;
    line-height: 1.2em;
    padding: 15px 0;
    }
    .three-across .photo {
    margin-bottom: 15px;
    }
    .three-across .photo img {
    border-radius: 10px;
    }
    .readmore-wide {
    font-size: 1.4em;
    font-style: italic;
    margin-top: 15px;
    text-align: center;
    }

    If I could get the box smaller, that would be great.

    Plugin Contributor Chris Dillon

    (@cdillon27)

    You’re in luck. I help noobs on a daily basis ??

    Use either “excerpt” or “length” but not both; excerpt will override length. The demo CSS is meant to be a guide, not a source of copy-and-paste code.

    The theme sets a minimum height on the “content” class. Undo that in testimonials with this:

    .testimonial .content {
      min-height: auto;
    }

    Maybe remove the min-height from .three-across .testimonial until you get more testimonials in there to see what the height should be or if setting a height is even necessary.

    Remove “no_stylesheet” from the shortcode. That was removed from version 1.16 but I forgot to remove it from the demo.

    Thread Starter thumpn8974

    (@thumpn8974)

    I did that, but one thing, in IE the white block stays. Seems to not show up in mozilla firefox and google chrome.

    You said remove no_stylesheet. Do I leave class=”three-across” ?

    Plugin Contributor Chris Dillon

    (@cdillon27)

    I get no white background in IE11 (screenshot).

    Thread Starter thumpn8974

    (@thumpn8974)

    I am using IE9.

    Plugin Contributor Chris Dillon

    (@cdillon27)

    Do you have to? Reported market share for that version ranges from 2% – 8% worldwide.
    https://caniuse.com/usage_table.php
    https://www.netmarketshare.com/browser-market-share.aspx?qprid=2&qpcustomd=0

    Thread Starter thumpn8974

    (@thumpn8974)

    On certain computers, like my work computer, we have certain programs that work with the older versions (they are slow to update their software).
    I have another question, on the testimonials, is there a way to add where people can add comments? I know it is another question.

    Plugin Contributor Chris Dillon

    (@cdillon27)

    Without having the theme, there’s only so much I can do to emulate IE9. Try this:

    .testimonial .inner {
      background: transparent;
    }

    Comments are not a feature. You can submit your feature requests here: https://www.wpmission.com/project/strong-testimonials/?target=feature-requests.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Issue with backgroud box’ is closed to new replies.