Adding TikTok and OpenSea to homepage Social Meidia Widget

  • Posted in : ikonik
  • nefesch
    Participant

    Hi.

    I would like to add Tik-Tok and OpenSea on my homepage social media Icon -> WIDGET.

    Neither of those two are listed in the dropdown menu of SocialMedia options.

    I found in the documentation area ( https://themes.pixelwars.org/doc/efor/#icons ) something saying that I should use the icon=”” parameter of the shortcodes.

    But where do I add that shortcut ??? ( pw-icon-tiktok )
    I want TikTok to appear in the Home Page widget.

    Also Is there in the list of Icons, there is not OpenSea, either in the list in the widget, nor in the list of Icons.

    Thanks.

    serkan
    Moderator

    Hi,
    Can you check out this related topic, please?
    https://www.pixelwars.org/forums/topic/header-social-media-icons-custom-icons-mixcloud/
    Thanks

    nefesch
    Participant

    Hi Serkan, thank you for replying !
    I took a look at that topic, but it seems that that topic is related to a different theme.

    I made a short video to explain what my issues is:

    https://youtu.be/XU9kOEe4pJI

    I am using IKONIK theme.

    thank you in advance Serkan, I appreciate your help and time.

    serkan
    Moderator

    Hi,
    The css code will work for you as well. You can import a new icon instead of dribble example;

    .social-link.dribbble {
        min-width: 22px;
        min-height: 22px;
        text-indent: -999em;
        background-image: url(https://ibb.co/12wcQ9n);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 16px;
    }
    
    .social-link.dribbble:hover {
    min-width: 22px;
    min-height: 22px;
    text-indent: -999em;
    background-image: url(https://ibb.co/12wcQ9n);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
    }

    You just need to copy-paste the icon url instead of background image url.
    Thanks

    nefesch
    Participant

    Serkan!!!!
    wow
    thank you so much !
    it worked !!!
    you were so helpful !

    I appreciate it.

    Can you help me with three more things please:

    1) How can I add a mailchimp (email subscribe) widget to the homepage?
    2) How to move the site tittle text, tag line text and home marquee text so it won’t appear on the center of the screen, but let’s say near the upper left corner.
    3) How to change the home marquee and tag line text color ?

    thank you in advance.
    Your tech support is so pro !

    serkan
    Moderator

    Hi, on the homepage, sub page’s content is fetched via Ajax, so any element which requires extra JavaScript to work won’t work on your page, sorry but there is nothing we can do about it because of the limitation of the Ajax fetched page nature. You can disable the Ajax and activate the MailChimp plugin.
    2. You can use this custom css code;

    .home-heading { transform: translate(-43%, -300%) matrix(1, 0, 0, 1, 0, 0); }

    3. You can use this custom css code;

    .home-marquee, .home-job-title { color: #fe0000 !important; }

    Thanks

    nefesch
    Participant

    Her Serkan, thanks again for your help.
    The code to change the color of the font worked !!!! Thank you !!!

    This code didn’t work:

    .home-heading { transform: translate(-43%, -300%) matrix(1, 0, 0, 1, 0, 0); }

    but i added: !important at the end, like this:

    .home-heading { transform: translate(-30%, -350%) matrix(1,0,0,1,0,0) !important; }

    and it worked !

    Is that ok? I hope it is ok.

    I am still thinking how to add a sign up newsletter to the homepage. Maybe I can insert it somehow within the social media bar?

    or do you have any ideas?

    thanks as usual for your help

    you rock !!!!!

    :)

    I pasted and it didn’t do anything. What should I change?

    serkan
    Moderator

    Hi, elements requiring extra javascript to work may not work on pages since the page content is fetched via ajax, but you can deactivate Ajax layout and you can activate MailChimp plugin.
    Sometimes you may need to add the “important” class. This class overrides all other css codes.
    Thanks

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register