WordPress.org

Ready to get started?Download WordPress

Forums

GC Testimonials
How to change color of font and background (11 posts)

  1. ClownAqutics
    Member
    Posted 1 year ago #

    I am running a theme on my website. I installed the testimonial plugin and I like it very much so far.

    But each testimonial is showing a white background with a grey font. I want it to follow my theme on the site. Black background with white font. Can you please point me in the direction to make the change. I will edit CSS if needed but I cannot find where it is located.

    http://www.designerclowns.com/testimonials

    Also is there a way to get a notification of a new testimonial? I do not see anywhere, where I would be notified.

    Thanks for help and great work!!!

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

  2. ClownAqutics
    Member
    Posted 1 year ago #

    I would also like to make the box smaller that the actual comments are in so that they are closer together. Love the Plugin works great so far.

  3. tgd
    Member
    Posted 1 year ago #

    I'd say your best bet is to add some CSS to the bottom of your styles.css file, inside your theme. You could add these lines of code to remove the background color and change the text to white. This will leave a white border, though.

    div.testimonial div.inner{
    background:none transparent !important;
    }
    div.testimonial div.content{
    color:rgb(255,255,255);
    }
    If you want the client names to be white as well, you can add this code:
    div.testimonial div.inner div.client span{
    color:rgb(255,255,255);
    }

    This is the easiest way to do this, but if your theme gets updated and you're not using a child theme, this code will likely get wiped when the theme gets updated. I see you're using Sliding Door theme. If your theme comes with an interface to edit the CSS, as opposed to using the Appearance / Editor, you'd be better using that interface. Good luck.

  4. tgd
    Member
    Posted 1 year ago #

    I will add this note to my above post:
    I ran into an issue with IE9, that it won't take any color background overrides in css. I discovered the same issue as experienced by ClownAqutics. The CSS file that comes with this plugin, has a gradient background that is supposed to provide support for most browsers. It includes a filter that affects the override of background styles to the .testimonial .inner <div>. To solve this issue, I added the following to my custom_styles.css file, which is loaded last in the cascade:

    .testimonial .inner{
    background:rgb(0,0,0);
    border:none;
    filter:none;
    }

    Forcibly removing the Microsoft filter:
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ededed',GradientType=0 );

    , and changing it to 'none' seems to work so far on IE9, FF and Chrome, as well as Safari on iPad.

  5. ClownAqutics
    Member
    Posted 1 year ago #

    I will see what you come up with. While I know how to edit css and such. I am not the greatest and do not want to mess with it too much and break the theme. Especially since it is not like it is local and I can test it. The one drawback of WordPress with all being online.

  6. tgd
    Member
    Posted 1 year ago #

    While I don't know what theme you're using, I'll give you a tip that's not intended to promote anyone or any theme. I have discovered that the theme Suffusion by author Soyantan Sinha, is extremely customizable and has a built-in css editor that is very forgiving. This is how I style the theme remotely, when I can't do so on my local system. This theme has so many style possibilities it's almost mind boggling and a bit overwhelming at the beginning. I've used it a number of times on websites, and none of them look vaguely similar.

    Styles aside, I still wish that the author of this plugin will include a setting in the widget to limit the word count to less than the default of 50....

  7. ClownAqutics
    Member
    Posted 1 year ago #

    I have to do a new site for someone else. I may look at that theme! Thanks.

  8. tgd
    Member
    Posted 1 year ago #

    Sorry to post so much, as I'm not the author, but to answer your question about the box size, you can simply override the css rule for those boxes by reducing the padding like this:

    .testimonial .inner{
    padding:5px 10px;
    }

    That will reduce the spacing by 15px top and bottom, and by 10px left and right - gives you more room all around.

  9. ClownAqutics
    Member
    Posted 1 year ago #

    Ok great thanks. I am gonna try to add it now and see what happens. Thanks again

  10. ClownAqutics
    Member
    Posted 1 year ago #

    One more stupid question. Where the heck is the css for the plugin?

  11. tgd
    Member
    Posted 1 year ago #

    The css for the plugin is located inside the assets folder for this plugin, but it's not a good idea to edit that css file. If you do, those changes will be wiped out if the plugin is updated. You should edit the style.css file that comes with your theme, or create a child theme of the original theme then you can edit or add to the stylesheet of the child theme without having to worry about updates at all. To edit a theme's styles in the dashboard, go to Appearance > editor. That will show you the style.css associated with the theme you're using. If you are using a theme that gets updated, any style changes made here will be overriden. If you like the theme that much, create a child of it and only have a style.css file inside. It's all you need

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.