Contrib.social

CSS pseudo-elements does not work

Open on Drupal.org →
Created on 1 November 2023, 8 months ago
Updated 19 February 2024, 4 months ago

I am using fontawesome 8.x-2.26 in a fresh Drupal 10.1.5 Installation together with the module CKEditor 5 Icons.
For the CKEditor 5 Icons Module i have to use SVG with JS.
The other settings are:
span
Allow CSS pseudo-elements? yes
Load Font Awesome library? yes (local Fontawesome library 6.4.2)
Use version 4 shim file? yes or no makes no difference

The icons I put in with the CKEditor 5 Icons Module are working perfectly.
But the CSS pseudo-elements are not working.

My CSS looks like this:
.slick-next:before,
.slick-next:hover:before, .slick-next:focus:before {
opacity: 1;
font-family: "Font Awesome 6 Solid"; /* I also tried font: var(--fa-font-solid); */
content: "\f007";
color:#fff;
}

Where is my error?

💬 Support request
Status

Active

Version

2.26

Component

Miscellaneous

Created by

🇩🇪Germany Lissy

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @Lissy
  • Comment 8 months ago →
    🇩🇪Germany Lissy

    My error was to use svg.
    this does not work with pseudo-Elements.
    I thoughed it would be necassary for the CKEditor 5 Icons Module, but it is not.

  • First commit to issue fork.
contrib.social Blog FAQ Discussions
Production build 0.69.0 2024