remove initial quote marks - or add second in wordpress

I have some testimonials that I put in block quotes.
http://80b.b9a.myftpupload.com/testimonials/

Why does it only add the initial quote mark and not the last one?  How do I either get rid of initial " or add a final one?  I inspected the element and blockquote doesn't reference any quote mark that I could find.

blockquote {
    margin: 0px;
    padding: 14px 40px;
}

blockquote, blockquote::before {
    font-style: italic;
}
nsitedesignsAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Loganathan NatarajanLAMP DeveloperCommented:
You can set

  display: none;

blockquote::before {
    content: "\201C";
    display: none;
    font-size: 30px;
    height: 0;
    left: -20px;
    position: relative;
    top: -10px;

Open in new window

display-none.png
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Steve BinkCommented:
In http://80b.b9a.myftpupload.com/wp-content/themes/executive-pro/style.css?ver=3.1.2, I see this definition:
media="all"
blockquote::before {
    content: "\201C";
    display: block;
    font-size: 30px;
    height: 0;
    left: -20px;
    position: relative;
    top: -10px;
}

Open in new window


Simply duplicate that idea for blockquote::after.
0
Loganathan NatarajanLAMP DeveloperCommented:
if you want to add end of text with quotes, you can follow this link way.

You need to work around with CSS and quote images.

Your site theme does not have end quote for "blackquote" style
check here,  http://demo.studiopress.com/executive/blockquote/
0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

nsitedesignsAuthor Commented:
Steve, I tried your suggestion  but it doesn't seem to work.  Not sure what I missed.  I changed the position from left to right -20px.  Please advise. Also, the blockquote:before doesn't say media="all" .  Is that something I should keep in for the right one?  I am new to this type of css.

media="all"
blockquote::after {
    content: "\201C";
    display: block;
    font-size: 30px;
    height: 0;
    right: -20px;
    position: relative;
    top: -10px;
}
0
Steve BinkCommented:
You can drop the media reference if it does not exist in your file.  That could be an artifact created by the browser dev tools I used to identify the style rule.

Play with the placement to see if perhaps the pseudo-element is being created outside the parent element's available view.  Also, check the DOM to be sure the pseudo-element is created at all.

When I tested on your current page, I copied the exact CSS from blockquote::before to blockquote::after.  After removing your "display:none" edit, I saw both quotes.
0
nsitedesignsAuthor Commented:
I decided to toss the quotes altogether.  Thanks for the help.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
WordPress

From novice to tech pro — start learning today.