Icon eror - HelpDesk

Your account expired support, please renew to get your support.

Tagged: printec-icons-preview

This topic has 15 replies, 2 voices, and was last updated 10 months, 3 weeks ago by Billy Nguyen.

Viewing 15 posts - 1 through 15 (of 16 total)

1 2 →

Save

Author

Posts

April 2, 2023 at 11:57 pm #33195

web3

Support Expired

آیکون

[printec-icons-preview]

eror not plogin

This day is displayed and the icons are not shown

April 3, 2023 at 3:48 pm #33234

Billy Nguyen

Hi,

This is the page that shows the icons that we support in the theme, for this shortcode to display need to add custom code. Please provide an admin dashboard account so I can add this custom shortcode display code for you.

April 9, 2023 at 2:09 pm #33474

web3

Support Expired

April 10, 2023 at 9:33 am #33465

web3

Support Expired

This reply has been marked as private.

April 10, 2023 at 10:44 am #33497

Billy Nguyen

I resolved this issue, please recheck your page.

April 11, 2023 at 10:10 am #33512

web3

Support Expired

Icon

See how different it is
It is displayed in a jumbled way
Why does it show as a list my site?
In your demo, it is in the form of a grid

April 11, 2023 at 10:10 am #33515

web3

Support Expired

hi
not work my site personilez edit pic

https://brandsway.ir/printec/shop/flyer-2/
https://brandsway.ir/printec/shop/flyer

please help

April 11, 2023 at 10:20 am #33524

Billy Nguyen

#1. I added custom code to the child-theme but somehow you deleted it!!!!
Are you kidding me???
I have re-added the custom code to display the shortcode icon, please clear all caches and check again: https://prnt.sc/ksETYm0liogz
If you continue to delete these custom codes again, I will stop supporting you on this issue!!!

#2. I fixed this issue, please recheck.

June 25, 2023 at 12:44 pm #35846

web3

Support Expired

Now I updated the template, the icons jumped again
Can you advise which section should be edited?
Or what settings should be done

June 27, 2023 at 9:35 am #35871

Billy Nguyen

Custom code added to the child-theme is not affected by the main theme, unless you delete the child-theme and reinstall it!!!

June 27, 2023 at 1:28 pm #35900

web3

Support Expired

Now after 4 days you are giving me this answer

Well tell me what code to add
I activated the original template
I don’t want a child

June 28, 2023 at 4:59 pm #35939

Billy Nguyen

We just had a long trip, so some tickets were delayed, sorry about this problem.

All customizations are required to be written in the child-theme, if you do not install the child-theme and write custom code in the main-theme, we will not be responsible if you update the theme and lose all the Customize this!
A lot of our customers didn’t do it this way and they paid a huge price.
Therefore, I recommend using child-theme for your website.

The code that displays the shortcode icon list is quite long, so I can’t share it with you here. Please reinstall the child-theme and send it back to my website admin account so I can re-add the custom code for you.

June 29, 2023 at 7:26 pm #35990

web3

Support Expired

Send me the codes as a text file

June 30, 2023 at 4:12 pm #36003

Billy Nguyen

Ok, please add this code to the file functions.php:

add_shortcode('printec-icons-preview', function () {
return <<<HTML
<div class="printec-icons-list">
    <div class="glyph">
        <div class="printec-icon-account"></div>
        <div class="class-name">.printec-icon-account</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-address"></div>
        <div class="class-name">.printec-icon-address</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-angle-down"></div>
        <div class="class-name">.printec-icon-angle-down</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-angle-left"></div>
        <div class="class-name">.printec-icon-angle-left</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-angle-right"></div>
        <div class="class-name">.printec-icon-angle-right</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-angle-up"></div>
        <div class="class-name">.printec-icon-angle-up</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-arrow-down"></div>
        <div class="class-name">.printec-icon-arrow-down</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-arrow-drop-down-fill"></div>
        <div class="class-name">.printec-icon-arrow-drop-down-fill</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-arrow-left"></div>
        <div class="class-name">.printec-icon-arrow-left</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-arrow-repeat"></div>
        <div class="class-name">.printec-icon-arrow-repeat</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-arrow-right"></div>
        <div class="class-name">.printec-icon-arrow-right</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-arrow-up-right"></div>
        <div class="class-name">.printec-icon-arrow-up-right</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-arrow-up"></div>
        <div class="class-name">.printec-icon-arrow-up</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-calendar"></div>
        <div class="class-name">.printec-icon-calendar</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-calling"></div>
        <div class="class-name">.printec-icon-calling</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-cart"></div>
        <div class="class-name">.printec-icon-cart</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-check-fill"></div>
        <div class="class-name">.printec-icon-check-fill</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-check-square-solid"></div>
        <div class="class-name">.printec-icon-check-square-solid</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-checked"></div>
        <div class="class-name">.printec-icon-checked</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-chevron-double-left"></div>
        <div class="class-name">.printec-icon-chevron-double-left</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-chevron-double-right"></div>
        <div class="class-name">.printec-icon-chevron-double-right</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-clock"></div>
        <div class="class-name">.printec-icon-clock</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-close"></div>
        <div class="class-name">.printec-icon-close</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-compare"></div>
        <div class="class-name">.printec-icon-compare</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-config"></div>
        <div class="class-name">.printec-icon-config</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-delivery"></div>
        <div class="class-name">.printec-icon-delivery</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-eye"></div>
        <div class="class-name">.printec-icon-eye</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-featured"></div>
        <div class="class-name">.printec-icon-featured</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-heart-1"></div>
        <div class="class-name">.printec-icon-heart-1</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-left-arrow"></div>
        <div class="class-name">.printec-icon-left-arrow</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-locator"></div>
        <div class="class-name">.printec-icon-locator</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-long-arrow-left"></div>
        <div class="class-name">.printec-icon-long-arrow-left</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-long-arrow-right"></div>
        <div class="class-name">.printec-icon-long-arrow-right</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-mail"></div>
        <div class="class-name">.printec-icon-mail</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-map-marker-alt"></div>
        <div class="class-name">.printec-icon-map-marker-alt</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-message-square"></div>
        <div class="class-name">.printec-icon-message-square</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-money-back"></div>
        <div class="class-name">.printec-icon-money-back</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-money"></div>
        <div class="class-name">.printec-icon-money</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-one-click"></div>
        <div class="class-name">.printec-icon-one-click</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-opinion"></div>
        <div class="class-name">.printec-icon-opinion</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-pen"></div>
        <div class="class-name">.printec-icon-pen</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-phone"></div>
        <div class="class-name">.printec-icon-phone</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-plane"></div>
        <div class="class-name">.printec-icon-plane</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-play-1"></div>
        <div class="class-name">.printec-icon-play-1</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-play-circle"></div>
        <div class="class-name">.printec-icon-play-circle</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-popular"></div>
        <div class="class-name">.printec-icon-popular</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-prime_paperclip"></div>
        <div class="class-name">.printec-icon-prime_paperclip</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-quote"></div>
        <div class="class-name">.printec-icon-quote</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-return"></div>
        <div class="class-name">.printec-icon-return</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-right-arrow-cicrle"></div>
        <div class="class-name">.printec-icon-right-arrow-cicrle</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-right-arrow"></div>
        <div class="class-name">.printec-icon-right-arrow</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-rocket"></div>
        <div class="class-name">.printec-icon-rocket</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-search2"></div>
        <div class="class-name">.printec-icon-search2</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-secure"></div>
        <div class="class-name">.printec-icon-secure</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-shopping-bag"></div>
        <div class="class-name">.printec-icon-shopping-bag</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-sliders-v"></div>
        <div class="class-name">.printec-icon-sliders-v</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-star-alt"></div>
        <div class="class-name">.printec-icon-star-alt</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-support"></div>
        <div class="class-name">.printec-icon-support</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-up-circle"></div>
        <div class="class-name">.printec-icon-up-circle</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-upload"></div>
        <div class="class-name">.printec-icon-upload</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-360"></div>
        <div class="class-name">.printec-icon-360</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-bars"></div>
        <div class="class-name">.printec-icon-bars</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-cart-empty"></div>
        <div class="class-name">.printec-icon-cart-empty</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-check-square"></div>
        <div class="class-name">.printec-icon-check-square</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-circle"></div>
        <div class="class-name">.printec-icon-circle</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-cloud-download-alt"></div>
        <div class="class-name">.printec-icon-cloud-download-alt</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-comment"></div>
        <div class="class-name">.printec-icon-comment</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-comments"></div>
        <div class="class-name">.printec-icon-comments</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-contact"></div>
        <div class="class-name">.printec-icon-contact</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-credit-card"></div>
        <div class="class-name">.printec-icon-credit-card</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-dot-circle"></div>
        <div class="class-name">.printec-icon-dot-circle</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-edit"></div>
        <div class="class-name">.printec-icon-edit</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-envelope"></div>
        <div class="class-name">.printec-icon-envelope</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-expand-alt"></div>
        <div class="class-name">.printec-icon-expand-alt</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-external-link-alt"></div>
        <div class="class-name">.printec-icon-external-link-alt</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-file-alt"></div>
        <div class="class-name">.printec-icon-file-alt</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-file-archive"></div>
        <div class="class-name">.printec-icon-file-archive</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-filter"></div>
        <div class="class-name">.printec-icon-filter</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-folder-open"></div>
        <div class="class-name">.printec-icon-folder-open</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-folder"></div>
        <div class="class-name">.printec-icon-folder</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-frown"></div>
        <div class="class-name">.printec-icon-frown</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-gift"></div>
        <div class="class-name">.printec-icon-gift</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-grid"></div>
        <div class="class-name">.printec-icon-grid</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-grip-horizontal"></div>
        <div class="class-name">.printec-icon-grip-horizontal</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-heart-fill"></div>
        <div class="class-name">.printec-icon-heart-fill</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-heart"></div>
        <div class="class-name">.printec-icon-heart</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-history"></div>
        <div class="class-name">.printec-icon-history</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-home"></div>
        <div class="class-name">.printec-icon-home</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-info-circle"></div>
        <div class="class-name">.printec-icon-info-circle</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-instagram"></div>
        <div class="class-name">.printec-icon-instagram</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-level-up-alt"></div>
        <div class="class-name">.printec-icon-level-up-alt</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-list"></div>
        <div class="class-name">.printec-icon-list</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-map-marker-check"></div>
        <div class="class-name">.printec-icon-map-marker-check</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-meh"></div>
        <div class="class-name">.printec-icon-meh</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-minus-circle"></div>
        <div class="class-name">.printec-icon-minus-circle</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-minus"></div>
        <div class="class-name">.printec-icon-minus</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-mobile-android-alt"></div>
        <div class="class-name">.printec-icon-mobile-android-alt</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-money-bill"></div>
        <div class="class-name">.printec-icon-money-bill</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-pencil-alt"></div>
        <div class="class-name">.printec-icon-pencil-alt</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-plus-circle"></div>
        <div class="class-name">.printec-icon-plus-circle</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-plus"></div>
        <div class="class-name">.printec-icon-plus</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-random"></div>
        <div class="class-name">.printec-icon-random</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-reply-all"></div>
        <div class="class-name">.printec-icon-reply-all</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-reply"></div>
        <div class="class-name">.printec-icon-reply</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-search-plus"></div>
        <div class="class-name">.printec-icon-search-plus</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-search"></div>
        <div class="class-name">.printec-icon-search</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-shield-check"></div>
        <div class="class-name">.printec-icon-shield-check</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-shopping-basket"></div>
        <div class="class-name">.printec-icon-shopping-basket</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-shopping-cart"></div>
        <div class="class-name">.printec-icon-shopping-cart</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-sign-out-alt"></div>
        <div class="class-name">.printec-icon-sign-out-alt</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-smile"></div>
        <div class="class-name">.printec-icon-smile</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-spinner"></div>
        <div class="class-name">.printec-icon-spinner</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-square"></div>
        <div class="class-name">.printec-icon-square</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-star"></div>
        <div class="class-name">.printec-icon-star</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-sync"></div>
        <div class="class-name">.printec-icon-sync</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-tachometer-alt"></div>
        <div class="class-name">.printec-icon-tachometer-alt</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-thumbtack"></div>
        <div class="class-name">.printec-icon-thumbtack</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-ticket"></div>
        <div class="class-name">.printec-icon-ticket</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-times-circle"></div>
        <div class="class-name">.printec-icon-times-circle</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-times-square"></div>
        <div class="class-name">.printec-icon-times-square</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-times"></div>
        <div class="class-name">.printec-icon-times</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-trophy-alt"></div>
        <div class="class-name">.printec-icon-trophy-alt</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-user"></div>
        <div class="class-name">.printec-icon-user</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-video"></div>
        <div class="class-name">.printec-icon-video</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-wishlist-empty"></div>
        <div class="class-name">.printec-icon-wishlist-empty</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-adobe"></div>
        <div class="class-name">.printec-icon-adobe</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-amazon"></div>
        <div class="class-name">.printec-icon-amazon</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-android"></div>
        <div class="class-name">.printec-icon-android</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-angular"></div>
        <div class="class-name">.printec-icon-angular</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-apper"></div>
        <div class="class-name">.printec-icon-apper</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-apple"></div>
        <div class="class-name">.printec-icon-apple</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-atlassian"></div>
        <div class="class-name">.printec-icon-atlassian</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-behance"></div>
        <div class="class-name">.printec-icon-behance</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-bitbucket"></div>
        <div class="class-name">.printec-icon-bitbucket</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-bitcoin"></div>
        <div class="class-name">.printec-icon-bitcoin</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-bity"></div>
        <div class="class-name">.printec-icon-bity</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-bluetooth"></div>
        <div class="class-name">.printec-icon-bluetooth</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-btc"></div>
        <div class="class-name">.printec-icon-btc</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-centos"></div>
        <div class="class-name">.printec-icon-centos</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-chrome"></div>
        <div class="class-name">.printec-icon-chrome</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-codepen"></div>
        <div class="class-name">.printec-icon-codepen</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-cpanel"></div>
        <div class="class-name">.printec-icon-cpanel</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-discord"></div>
        <div class="class-name">.printec-icon-discord</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-dochub"></div>
        <div class="class-name">.printec-icon-dochub</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-docker"></div>
        <div class="class-name">.printec-icon-docker</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-dribbble"></div>
        <div class="class-name">.printec-icon-dribbble</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-dropbox"></div>
        <div class="class-name">.printec-icon-dropbox</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-drupal"></div>
        <div class="class-name">.printec-icon-drupal</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-ebay"></div>
        <div class="class-name">.printec-icon-ebay</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-facebook-f"></div>
        <div class="class-name">.printec-icon-facebook-f</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-facebook"></div>
        <div class="class-name">.printec-icon-facebook</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-figma"></div>
        <div class="class-name">.printec-icon-figma</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-firefox"></div>
        <div class="class-name">.printec-icon-firefox</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-google-plus"></div>
        <div class="class-name">.printec-icon-google-plus</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-google"></div>
        <div class="class-name">.printec-icon-google</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-grunt"></div>
        <div class="class-name">.printec-icon-grunt</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-gulp"></div>
        <div class="class-name">.printec-icon-gulp</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-html5"></div>
        <div class="class-name">.printec-icon-html5</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-joomla"></div>
        <div class="class-name">.printec-icon-joomla</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-link-brand"></div>
        <div class="class-name">.printec-icon-link-brand</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-linkedin"></div>
        <div class="class-name">.printec-icon-linkedin</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-mailchimp"></div>
        <div class="class-name">.printec-icon-mailchimp</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-opencart"></div>
        <div class="class-name">.printec-icon-opencart</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-paypal"></div>
        <div class="class-name">.printec-icon-paypal</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-pinterest-p"></div>
        <div class="class-name">.printec-icon-pinterest-p</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-reddit"></div>
        <div class="class-name">.printec-icon-reddit</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-skype"></div>
        <div class="class-name">.printec-icon-skype</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-slack"></div>
        <div class="class-name">.printec-icon-slack</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-snapchat"></div>
        <div class="class-name">.printec-icon-snapchat</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-spotify"></div>
        <div class="class-name">.printec-icon-spotify</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-trello"></div>
        <div class="class-name">.printec-icon-trello</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-twitter"></div>
        <div class="class-name">.printec-icon-twitter</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-vimeo"></div>
        <div class="class-name">.printec-icon-vimeo</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-whatsapp"></div>
        <div class="class-name">.printec-icon-whatsapp</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-wordpress"></div>
        <div class="class-name">.printec-icon-wordpress</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-yoast"></div>
        <div class="class-name">.printec-icon-yoast</div>
    </div>

    <div class="glyph">
        <div class="printec-icon-youtube"></div>
        <div class="class-name">.printec-icon-youtube</div>
    </div>
</div>
HTML;
});

and css code add to the file style.css:

.printec-icons-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -1em;
    margin-right: -1em;
}
.printec-icons-list .glyph {
    display: inline-block;
    width: 9em;
    margin: 1em;
    text-align: center;
    vertical-align: top;
    border: 1px solid #eee;
    background-color: #f7f7f7;
}

.printec-icons-list .class-name {
    color: #223645;
    padding: 10px;
}

.printec-icons-list [class*="printec-icon"] {
    padding: 20px;
    display: block;
    font-size: 36px;
    line-height: 1;
    color: #223645;
    background: #fff;
}

July 1, 2023 at 6:02 pm #36026

web3

Support Expired

tanx

Author

Posts

Viewing 15 posts - 1 through 15 (of 16 total)

1 2 →

Save

You must be logged in to reply to this topic.

Menu

Support Forum