Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 13, 2020 at 9:56 pm #1266949
    Timodg

    Hi,

    I was wondering or someone could help me with the following question.
    I would like to have a little flag “image” next to the socials inside the header.

    Screenshot-2020-12-13-at-20-46-52

    Can you guys help me with the settings or code I need to fix this.
    It has to contain a link and be clickable like the socials icons.

    Kazik

    Kind regards,
    Timo

    • This topic was modified 4 years ago by Timodg.
    December 15, 2020 at 10:43 pm #1267575
    Victoria

    Hey Timo,

    What plugin for translation are you using?

    Best regards,
    Victoria

    December 15, 2020 at 11:19 pm #1267596
    Timodg

    Hi,

    I use no plugin, just 2 pages with different languages :)
    It is little basic

    Kind regards,
    Timo

    December 18, 2020 at 3:35 pm #1268437
    Yigit

    Hi Timo,

    Thanks for contacting us and sorry for the late reply!

    Please refer to “Using images or non-Fontello icons” section in this post – https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options.

    If you need further assistance with this, please post a link of your image and temporary WP admin logins here privately :)

    Best regards,
    Yigit

    December 18, 2020 at 4:33 pm #1268454
    Timodg

    Hi,

    I looked into the link you send me, and I found this.

    #top #wrap_all .av-social-link-kriesi a:before{
    content: “”;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(https://kazikamsterdam.nl/wp-content/uploads/2020/12/1f1f3-1f1f1.png) no-repeat center center;
    background-size: contain;
    }

    The idea is to add the little emoji dutch flag to the header on the homepage. It should be next to the social icons in the header.
    If you click on it you will be redirected to the dutch version of the website. https://kazikamsterdam.nl/nl/
    The emoji is already in the media library.

    Thanks for your help guys!

    Kind regards,
    Timo

    December 18, 2020 at 7:07 pm #1268478
    Yigit

    Hi,

    I added following code to Functions.php file

    // Dutch flag as social icon
function avia_add_custom_social_icon($icons) {
	$icons['Dutch'] = 'dutch';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    and added CSS code you shared into Enfold theme options > General Styling > Quick CSS field.

    Please review your website :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.