WordPress.org

Ready to get started?Download WordPress

Forums

Testimonials by Aihrus
[resolved] Quote symbol options idea. (6 posts)

  1. Lab Lover
    Member
    Posted 1 year ago #

    Michael, Tell me what you think of the following idea. First, please take a look at the site I am building where I have incorporated your widget.

    http://www.bpdglobal.com

    You will notice I have disabled the default quotation marks, instead I am manually applying the graphical block quote built into my theme to each quote. Additionally I have created the following "custom include" (in my theme) to modify how the testimonial appears.

    .testimonialswidget_testimonial q {
    quotes: none; color: #617284; font-style: italic; font-size: 110%; font-weight:normal;
    }

    Here is the suggestion. It would be quite cool if you were to provide some styling options in the user interface, allowing users to disable the standard quotation marks, implement a custom block quote (not the one from the theme, choose from a few different blockquote images, apply italics, bolding, change font size, etc. Right now, I have had to modify the settings for the built-in block quote to make it work correctly with TW. Unfortunately, that impacts how block quotes look through-out the site.

    With all the above being said and suggested for your future to-do list, is there a way I can accomplish the following on an interim basis? As you can tell I am not a CSS expert (I don't even play one on TV). Using the above custom include approach to modifying my CSS, is there a way I can apply the blockquotes, as the default, to each newly entered Testimonial? Right now, I have to remember to apply them individually.

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

  2. Michael Cannon
    Member
    Plugin Author

    Posted 1 year ago #

    Peter,

    Using CSS you can apply your magic to just the testimonial widget or instances you have.

    By reading your HTML source code, you'll notice that each widget has a unique ID. Currently, it's #testimonials_widget-2. So, for your CSS, you might try something like the following that only effects the home page top right testimonial instance.

    #testimonials_widget-2 .testimonialswidget_testimonial q {
    quotes: none;
    color: #617284;
    font-style: italic;
    font-size: 110%;
    font-weight:normal;
    }

    Regarding having these as styling options via the user interface, I'm doubtful to do so. The widget interface is cluttered enough as it is and CSS is the proper way to style them. Which is how it's done now.

    Thank you for keeping me on my toes.

  3. Lab Lover
    Member
    Posted 1 year ago #

    Ok, ok..... so.... does your code above actually apply the blockquote style by default? I don't see how it would, but I am not a CSS expert...

  4. Lab Lover
    Member
    Posted 1 year ago #

    Geez, are you in Taiwan?

  5. Michael Cannon
    Member
    Plugin Author

    Posted 1 year ago #

    The quotes are applied by default via the browser's user agent stylesheet.

    q {
    display: inline;
    }
    q:before {
    content: open-quote;
    }
    q:after {
    content: close-quote;
    }

    Yes, I live in Taiwan. You? I was living in Germany the year prior. Before that was some additional time in Taiwan and India, plus all of the many spots I've lived in the US.

  6. Lab Lover
    Member
    Posted 1 year ago #

    I am in San Diego county. I was just thinking that you are up pretty late!

    Thanks for all your help!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.