Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • November 4, 2019 at 9:58 pm #1153771
    designbasis

    Good evening folks,

    new question: how can I change the size and the symbol-icons in the social
    media profiles? And I also wanna change the old instagram-symbol, which is
    still in your theme. And also the thickness and distance of the parting line.
    Please, take a look at the screenshot or directly to the site.

    I’m looking forward to your answer!

    Best regards
    Carsten

    November 6, 2019 at 6:33 pm #1154372
    Victoria

    Hey Carsten,

    Please have a look at the solutions posted here:

    Adding custom social icon to header – Struggling with function in functions.php

    Social Share Buttons

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 9, 2019 at 8:15 pm #1155238
    designbasis

    Hi Victoria,

    thx for your answer and the info-links! They helped, but I have a further question.
    Please, take a look at the screenshots.

    It is much easier to import a new icon to enfold, as it is explained in the old thread.
    You only have to download the fontello-zip-file and after that you import it into enfold.
    Than you go to the social-media-profile and change it in the social symbol field. That’s it!
    BUT unfortunately – the new icon doesn’t show up in the header-navigation. ;-/ Instead
    of te new instagram-logo you see a pencil. So, what went here wrong?

    And unfortunately you didn’t answer my other questions: how can I change the size of the
    icons? And also the thickness and distance of the parting line.

    I’m looking forward to your new reply!

    Best regards
    Carsten

    November 11, 2019 at 6:05 pm #1155693
    Victoria

    Hi Carsten,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    November 13, 2019 at 2:07 am #1156238
    designbasis

    Hi Victoria,

    your wish is my command. ;-) Hope it helps.
    I’m looking forward to your new answer.

    Best regards
    Carsten

    November 14, 2019 at 12:20 pm #1156731
    Victoria

    Hi Carsten,

    I cannot edit the code in the functions.php. Please, try using it like this:

    

function avia_add_custom_icon($icons) {
	$icons['icon_instagram'] = array( 'font' =>'fontello', 'icon' => 'U+F16D');
	return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
	$icons['instagram'] = 'icon_instagram';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    Best regards,
    Victoria

    November 14, 2019 at 4:52 pm #1156837
    designbasis

    Hi Victoria,

    thx for your new answer! I think, we are on the right way…take a look at
    the new screenshot. Or take another look directly on the startpage.

    I know – the functions.php in WP is not directly editable, but why, I don’t know.
    I puted the code, per FTP, into the functions.php and after that the new icon is on
    it’s place, but unfortunately not visible. ;-/ I’ve been to this point also one day ago. ;-)

    And now…any new ideas? Hopefully :)

    Best regards
    Carsten

    November 14, 2019 at 9:52 pm #1156980
    Victoria

    Hi Carsten,

    You need to install the child theme and add the code there, maybe the icon code is not correct?

    Best regards,
    Victoria

    November 15, 2019 at 3:48 pm #1157204
    designbasis

    Hi again Victoria,

    thx for your fast reply. Why do I need to install the child theme? What should be different then?
    (Why) Do you think, that the code will be correct in the cild theme? Or is it just a try?

    I didn’t install a child theme before. Is it easy? Is it possible to install the “child” over the parent
    theme? Ok, I have to read the documentation first. ;) Ok, now I installed it…that was easy. ;) And
    I also installed the parent-theme-settings. I think, everything is fine again – only the instagram-icon
    is still invisible. ;-/ ;-) Ok, now I deleted your code-snippet in the parent-functions.php and added
    into the child-functions.php. BUT – the icon is still invisible! ;-/

    Any now? Do I have to ask “fontello” if they setted the wrong code to the icon?

    Best regards
    Carsten

    November 15, 2019 at 10:36 pm #1157347
    Victoria

    Hi designbasis,

    Please have a look at our docs here

    Child Theme

    The child theme will keep your changes when the next update comes out.

    The icon code is “\uf16d”

    Best regards,
    Victoria

    November 16, 2019 at 12:57 am #1157377
    designbasis

    Good evening Victoria,

    thx again for your fast reply!

    As I’ve written in my last entry, I read the “child-theme-docu” already
    and now I know how it works!

    Thx for the new icon-code. But sorry, it’s still not quite right. The slash
    is too much – without (“uf16d”) it works. BUT: the hover is missing! By
    mouse-over the icon turns to white, but there is no coulered hover. ;-/
    How can I get it?

    And again – how can I change the size of the icons? And also the thick-
    ness and distance of the parting line.

    I’m looking forward to your new answer.

    Best regards
    Carsten

    November 20, 2019 at 1:43 pm #1158465
    Victoria

    Hi Carsten,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .av-logo-container .social_bookmarks li a {
    font-size: 25px;
}

#top #wrap_all .social_bookmarks li.social_bookmarks_icon_instagram a:hover {
   background-color: pink;
   border-radius: 100px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 20, 2019 at 11:46 pm #1158633
    designbasis

    Good evening Victoria,

    thx for your new reply! And – your css-snippets work fine!

    So, last but not least – one question is left. How can I change the thickness
    and distance of the parting line.

    Best regards
    Carsten

    November 21, 2019 at 12:27 am #1158638
    Jordan Shannon

    Hi,

    Add this to quick css:

    .avia-menu.av_menu_icon_beside{
    padding-right: 45px!important;
    margin-right: 45px!important;
    border-right-width: 5px!important;
    border-right-style: solid!important;
}

    Best regards,
    Jordan Shannon

    November 21, 2019 at 12:56 am #1158651
    designbasis

    Hi Jordan,

    thx for your fast reply! Your snippet works fine…perfect!
    That’s it…we’re through. See you at the next question. :)

    Best regards
    Carsten

    November 21, 2019 at 12:59 am #1158655
    Jordan Shannon

    Hi,

    I’m glad this was resolved for you. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Social Media Profiles: how can I change the size and the symbol-icon?’ is closed to new replies.