Telegram icon

  • Author
    Posts
  • #106893

    Hello!
    Please tell me how to add Telegram icon to septera theme?
    I added an icon long ago .socials a[href*=”ok.ru”]:before, .socials a.odnoklassniki:before { content: ‘\f263’; }

    Telegram icon is not working, please help.

    #106920
    Zed
    Cryout Creations mastermind

    The theme uses an icon font for its social icons. Did you modify this icon font or loaded your own icon font to add the extra icon for Telegram?
    Without it, CSS is insufficient to perform such a change.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #106923

    Please tell me where you can download the font?

    These folders are responsible for icons?
    socials.eot
    socials
    socials font
    socials.woff

    #107105
    Zed
    Cryout Creations mastermind

    All of the theme’s bundled fonts are included in the resources/fonts folder.
    The social font uses multiple files for legacy purposes – browsers used to each support different file formats but nowadays they’ve reached a common standard and mostly rely on the woff (and woff2) formats.

    If you plan to replace the socials font with your customized copy, I suggest loading your font under a different identifier and then to apply it on the socials instead of the theme’s font:

    body .socials a::before, body [class^="socicon-"]::before, body [class*=" socicon-"]::before {
        font-family: 'yournewfontidentifier';
    }

    Using the same identifier can be problematic, depending on the order the fonts are enqueued.

    Don’t reorder the glyphs in the font as that would break the theme’s socials detection styling.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #107126

    I have included the font “Font Awesome 5 Brands”

    body .socials a :: before, body [class ^ = "socicon -"] :: before, body [class * = "socicon -"] :: before {
         font-family: 'Font Awesome 5 Brandsr';
    }

    Before </head> posted:
    <link rel = 'stylesheet' id = 'wpdiscuz-font-awesome-css' href ='/font-awesome-5.12.0 /css/fontawesome-all. min.css' type = 'text/css' media =' all '/>

    Fontawesome-all.min.css has:
    .fa-telegram: before {content:"\f2c6"}
    The telegram link added to the menu.

    But the telegram icon does not appear in the social menu.
    Help me please.

    #107141
    Zed
    Cryout Creations mastermind

    The classes that Font Awesome uses on its icons are not present or used in the theme.

    If you’re using an entirely different font (where all glyphs have different codes), you’ll need to customize the content attribute manually to the correct code for each icon.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Telegram icon’ is closed to new replies.