Code: Select all
<span class="fa-stack fa-3x">
<i class="fa fa-calendar-o fa-stack-2x"></i>
<strong class="fa-stack-1x calendar-text">29</strong>
</span>
Code: Select all
<span class="fa-stack fa-3x">
<i class="fa fa-calendar-o fa-stack-2x"></i>
<strong class="fa-stack-1x calendar-text">29</strong>
</span>
Code: Select all
.fa-phone-plus:before {
content: "\f095";
}
.fa-phone-plus:after {
content: "\f067";
position: absolute;
font-size: 0.5em
}
Thanks - didn't know that. I've been copying and pasting to test and there's obviously a lot of non compliant code out there!pureist wrote:FYI, some CSS Selectors should strictly speaking have a double colon...
https://www.w3schools.com/cssref/css_selectors.asp
::before and ::after are two of them.
pureist wrote:Seems to work fine in the following without Absolute:
https://www.w3schools.com/code/tryit.as ... 9TLC20LP9C
Code: Select all
.fa-phone-plus {
position: relative;
}
.fa-phone-plus::before {
font-size: 0.85em !important;
content: "\f095";
margin-bottom: 0;
}
.fa-phone-plus::after {
content: "\f055";
display: block;
font-size: 0.5em;
margin-top: -120%;
margin-left: 50%;
}