Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Stacking doesn't seem to work on Wordpress (CSS issue?) #4212

Closed
vermiculus opened this issue Aug 24, 2014 · 6 comments
Closed

Stacking doesn't seem to work on Wordpress (CSS issue?) #4212

vermiculus opened this issue Aug 24, 2014 · 6 comments
Labels
bug css

Comments

@vermiculus
Copy link

The following works when no additional CSS styles are set:

<html>
<head>
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
</head>
<body>
<span class="fa-stack fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-twitter fa-stack-1x"></i>
</span>
</body>
</html>

but the same snippet does not work when inserted into a Wordpress post:

<span class="fa-stack fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-twitter fa-stack-1x"></i>
</span>

screen shot

Is this something that can be fixed at all upstream, or do I have to add additional CSS styling to 'fix' whatever Wordpress might be doing to it?
@tagliala
Copy link
Member

confirmed. Wordpress automatically adds <br> at the end of the line.

@davegandy what should we do?

IMHO document this is better than hardcoding a hack.

@vermiculus please use:

.fa-stack br { display: none }

@davegandy
Copy link
Member

Can it all be put on a single line?

@tagliala
Copy link
Member

@davegandy yes, that is an option of course

@davegandy
Copy link
Member

I think I’ll say that this isn’t our bug, as there are workarounds for Wordpress. Think a comment is in order in the documentation? Closing for now.

@tagliala
Copy link
Member

@davegandy added a section to the troubleshooting guide here: https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting#stack-icons-inside-wordpress-posts

@davegandy
Copy link
Member

Looks great, @tagliala. Thanks as always.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug css
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@tagliala @davegandy @vermiculus