[RecyclartParticipant]

Hi,

I have modified X-Theme blockquote to add an icon before the blockquote. For this I have added this CSS through the Custom window:

blockquote {
 background: #f9f9f9;
  border-left: 10px solid #E2E2E2;
  margin: 1.5em 10px;
  padding: 0.8em 10px;
  color: #919191;
  font-style: italic;
  font-size: 16px;
  border-top: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
}

blockquote:before {
  color: #ccc;
  content: "\f10d";
  font-size: 1em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: 0.6em;
  font-family: "fontawesome";
}

blockquote p {
  display: inline;
}

Unfortunately, the icon it not displayed but the code only “f10d”….I really don’t know the problem as for other fontawesome icon like for the widget titles it work?
Thanks for your help!

[RecyclartParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

Thanks for writing in! Customizer removes one backslash \ on your code every time it save. Try placing two backslashes.

content: "\\f10d";

I recommend to to place your code on child theme’s style.css file, to avoid adding backslashes every time you save.

Hope it helps, Cheers!

[RecyclartParticipant]

Thanks, it works 🙂

[ChristianModerator]

You’re welcome. Glad we could help. 🙂

[Author]

Posts