CSS Print Method Internal Embedding removes back slash from Custom CSS

  • Resolved Phuc Pham

    (@svincoll4)


    4 years, 8 months ago

    I setup the CSS Print Method is Internal Embedding.
    From one of modules, I used the Custom CSS like below:

    selector .elementor-title:after{
    content: "\f5e4";
    font-family: 'Font Awesome 5 Free';
    display: inline-block;
    margin-left: 15px;
    color: var( --e-global-color-accent );
}

    Instead of printing out the car icon, it prints out the text “f5e4”
    I used the Inspector to see the code generated, it lost the back slash (\).
    I tried to change the CSS Print Method back to External File, it works fine.
    So I guess this is an issue with the Internal Embedding. Can you please check?

Viewing 3 replies - 1 through 3 (of 3 total)
  • victoros

    (@victoros)

    4 years, 8 months ago

    Hi, it does indeed seem like a bug report with the embedding method.

    In General, External File is a newer method to embed CSS, and it results in a faster page-load speed and higher google insight scores.

    Since this is a development-based query, you may opt to visit our Github account where you may get in contact with a member of our development team to report on this bug.

    Please note that this is not an official support channel but a respective member of the development team will respond to your post as soon as they are available.

    Please follow this guide which outlines the steps required to post on our Github: https://github.com/elementor/elementor/blob/master/.github/CONTRIBUTING.md

    Thread Starter Phuc Pham

    (@svincoll4)

    4 years, 8 months ago

    @victoros Thanks for your answer. I have opened an issue here, waiting for the answer.

    https://github.com/elementor/elementor/issues/16477

    • This reply was modified 4 years, 8 months ago by Phuc Pham.
    thejaydip

    (@iamjaydip)

    4 years, 8 months ago

    Please use the below css may be it works:

    selector .elementor-title:after{
    content: "\f5e4";
    font-family: 'Font Awesome 5 Free';
    display: inline-block;
    margin-left: 15px;
    color: var( --e-global-color-accent );
    font-weight: 900;
}
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS Print Method Internal Embedding removes back slash from Custom CSS’ is closed to new replies.