CODEWITHSUNDEEP
cssquotessymbols
Gabriel Meono
Gabriel Meono

Reputation: 1000

How to change or remove quote symbol in css

I've been trying to find the location of this symbol with firebug and other inspection tools.

You can see the symbol market in red in this screenshot. I want to remove it or at least change the color so it blends with the background.

You can see the symbol market in red here

This is the web page: http://npmaudiovisual.com/esde/?page_id=41

Upvotes: 0

Views: 3094

Answers (3)

Alex
Alex

Reputation: 35399

Line 88 in style.css:

q:before, q:after{ content: "'";}

Either remove or override the declaration.

To override, add specificity to the selector:

q:before, q:after{ content: "'";} /* original declaration */
body q:before, body q:after{ content: "";} /* override with more specificity */
q:before, q:after{ content: ""!important;} /* override with !important */

Upvotes: 1

Rohit Azad Malik
Rohit Azad Malik

Reputation: 32162

Now just add this css in your stylesheet 

.entry_content q:before, .entry_content q:after {
    content: "";
}

Upvotes: 0

Andrew Marshall
Andrew Marshall

Reputation: 96914

In your style.css file on line 88 you have:

q:before, q:after{ content: "'";}

which is adding the ' character. Remove it or override it to an empty string (content: "").

Upvotes: 1

Related Questions