Custom FA Icon before Widget's title

  • FSAviator

    (@fsaviator)


    10 years, 10 months ago

    Hi Alex!

    I’m searching for a possibility to add custom Font Awesome Icons before a Widget’s title.

    With the following css class, the selected icon will be shown before each widget’s title:

    .widget > h3:before { 	font-family: FontAwesome;
	padding-right: 10px;
	content: "\f00a";
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
  font-size:20px; }

    This code works, but is not my target solution…

    I tried to restrict the css class to a specific widget, for example your Alx Tabs Widget, with the following code:

    #alxtabs-2 .widget > h3:before { 	font-family: FontAwesome;
	padding-right: 10px;
	content: "\f00a";
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
  font-size:20px; }

    But it doesn’t work 🙁

    What’s my mistake?

    Best Regards and thaaaanks a lot,

    Sascha

Viewing 1 replies (of 1 total)
  • bdbrown

    (@bdbrown)

    10 years, 10 months ago

    Hi Sascha. The id #alxtabs-2 and class .widget both identify the same element. If you remove the space between the two names it should work:

    #alxtabs-2.widget > h3:before {
Viewing 1 replies (of 1 total)

The topic ‘Custom FA Icon before Widget's title’ is closed to new replies.