Add Text With Different Fonts To Topbar

  • Hope I am at the right place to post my question. I need a little help with adding text to my topbar. Text is already added with:

    .site-topbar-ad:after {
	content: '\f0e0 post@indiver';
	margin-left: 8px;
}

    As you can see the first word should be an Font Awesome icon, but when I add

    font-family: 'Font Awesome 5 Free';
	font-weight: 900;

    the complete text is affected.
    I am looking for a way to display an envelope icon followed by an email address, either by changing icon font or email font.
    Already read about :first-letter, but had trouble figuring it out combined with my :after command.

    Anybody able to help me out, please? Any hints are highly appreciated!

    Thanks and best regards,

    -Bj?rn

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    It looks correct to me!

    See https://i.imgur.com/zgvxIot.png

    Thread Starter yeahhbaby

    (@yeahhbaby)

    Hi Steven,

    thanks for your reply.
    It is added, but as you can see it is in a different font. ??
    I am going to edit the corresponding header.php, as I didn’t find a way to change the font through CSS.
    Will leave this topic open, just in case someone else has a better idea.

    A great, relaxing weekend to everybody, best regards,

    Bj?rn

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Add Text With Different Fonts To Topbar’ is closed to new replies.

Tags