In my joomla template, I selected an icon (the last one) for use as a blockquote symbol. However, when the page is displayed, it does not show the icon but rather a gray line on the left side of the quote. An examination in Google Chrome developer tools show a bootstrap class overriding the effect I want.
blockquote {
- padding: 11px 22px;
- margin: 0 0 22px;
- font-size: 20px;
- border-left: 5px solid #eeeeee;
}
I know how to remove the border, but that doesn't resolve the problem of the icon I want to appear on the page.
This is how it appears:

This is the effect I'm looking for (this is from the template file).
