WordPress.org

Ready to get started?Download WordPress

Forums

GC Testimonials
[resolved] Transparency conundrum (9 posts)

  1. chappie
    Member
    Posted 8 months ago #

    I'm trying to attach an image with a transparent background to each testimomial but while the widget "sees" the alpha channel, the post and page - with their default gradient background - doesn't which leaves me with an ugly white background against the gradient. I've tried both .png and .gif images with the same result.

    Any idea why I'm seeing this apparent inconsistency?

    Thanks for any help.

    http://wordpress.org/plugins/gc-testimonials/

  2. Chris Dillon
    Member
    Posted 8 months ago #

    Two options:

    (1) Remove the gradient background. In gctestimonial.css, find .testimonial .inner (~ line 13) and delete the lines that start with background: resulting in this:

    .testimonial .inner {
        border: 1px solid #FFFFFF;
        margin: 0;
        padding: 20px;
    }

    or (2) Override the gradient background. In your theme's stylesheet, add:

    .testimonial .inner {
      background: none; /* or whatever color or pattern you want */
    }

    Keep in mind that option (1) will likely be overwritten if/when the developer publishes an update, which is why option (2) is the preferred and more common approach.

    By the way, the same is true for the font color & style, and that's located in .testimonial .content.

    I have yet to use a plugin that outputs anything on a page/post without having to re-style something. Ideally, the plugin would be a blank slate that would simply inherit the style of the site.

    If it would help, I'd be happy to write a CSS reset for this that would give you that blank slate.

  3. chappie
    Member
    Posted 8 months ago #

    Many thanks for this, Chris.

    I would certainly like to try that CSS reset if your offer still holds -- not least because I have encountered a styling bug in that when I italicise my testimonials all my other sidebar widgets also inherit the italic styling, as does the white credits footer at the bottom of every one of my (Customisr) theme pages...except my home page which is the only full width/no sidebar page on my site.

    I was trying to style all testimonials in 12px Trebuchet MS italics - and would like to _remove_ the italics of the client name/data fields while retaining the bold styling.

    My theme has a custom CSS facility which lets me write new theme styles and overrides into a Child theme so that they won't get over-written when the theme is updated.

  4. Chris Dillon
    Member
    Posted 8 months ago #

    Well, the CSS reset idea isn't panning out. The plugin stylesheet simply oversteps its bounds. For example, it styles the [Submit] button on the form instead of allowing the theme's style to be applied :(

    FWIW, I have found that adding

    #testimonials_container .content {
      float: none;
      width: 100%;
    }
    #testimonials_container .inner {
      float: none;
    }

    fixes many spacing and overlap problems.

    To address your problem, chappie, I would recommend either:
    (1) keep the existing plugin stylesheet and make changes using your custom CSS; or
    (2) overwrite the plugin stylesheet altogether which would give you a blank slate.

    Pros and cons to both; it really depends on your comfort level. I can help and that would best be done outside this forum, chrisdillon.us@gmail.com.

    Chris

  5. Chris Dillon
    Member
    Posted 8 months ago #

    And for anyone stumbling on this post, here's a way to remove the plugin stylesheets to ensure that your theme's style is applied and to give you a blank slate for the rest.

    /**
     * Remove GC Testimonials stylesheet(s)
     */
    
    // page or post:
    add_action( 'wp_print_styles', 'deregister_testimonial_style', 100 );
    
    function deregister_testimonial_style() {
      wp_dequeue_style( 'gctstyles' );
      wp_deregister_style( 'gctstyles' );
    }
    
    // widget:
    add_action( 'wp_footer', 'deregister_testimonial_widget_style', 10 ); // priority 10 is important
    
    function deregister_testimonial_widget_style() {
      if ( wp_style_is( 'gctwidgetstyles', 'enqueued' ) ) {
        wp_dequeue_style( 'gctwidgetstyles' );
        wp_deregister_style( 'gctwidgetstyles' );
      }
    }
  6. chappie
    Member
    Posted 8 months ago #

    Many thanks for the CSS gift, Chris - I will try it tomorrow.

    Your offer of extra-curricular assistance is extremely kind but I hope I can make enough progress not to take you up on it.

    I'm tempted to have a go with your stylesheet erasure code, (which presumably I can simply erase to get back to square one) if it will enable me to create new styles in CSS. I should be capable of discovering the names of the elements I need to target. I don't know which PHP file I need to create or amend though.

  7. Chris Dillon
    Member
    Posted 8 months ago #

    Right, sorry. That code above would go in your theme's functions.php. Thanks for catching that.

  8. chappie
    Member
    Posted 8 months ago #

    Will it work if I simply add it to my existing Child functions.php file? I guess I could try it and find out...

  9. Chris Dillon
    Member
    Posted 8 months ago #

    Yes.

Reply

You must log in to post.

About this Plugin

About this Topic