Iconos Personalizados

Hey Rafa,
¿Puedes dar un ejemplo de lo que quieres decir? Por lo tanto, estamos seguros de que comprendemos correctamente.
——-
Can you please give an example of what you mean, so we are sure to understand correctly.

Best regards,
Mike

Hi,
Gracias, entiendo ahora. Consulte estas instrucciones: Cómo agregar íconos sociales personalizados a las opciones de Enfold
Verá que deberá descargar los íconos sociales que desee desde http://fontello.com/ e importarlos a Enfold Theme Options> Importar / Exportar> Iconfont Manager
y luego personaliza el código para que coincida con tus iconos. Esto puede ser un poco complicado, así que si encuentra que necesita ayuda, primero descargue los iconos y díganos cuáles está agregando, y enlace al archivo a través de Dropbox, e incluya un inicio de sesión de administrador en el área de contenido privado que podamos ayudar.

————-

Thank you, I understand now. Please see these instructions: How to add Custom Social Icons to Enfold options
You will see that you will need to download the social icons you want from http://fontello.com/ and import them to Enfold Theme Options > Import/Export > Iconfont Manager
and then customize the code to match your icons. This can be a little tricky, so if you find you need some help, please download the icons first and tell us which ones you are adding, and link to the file via dropbox, and include a admin login in the private content area we can assist.

Best regards,
Mike

Hi,
Lamento no saber qué son los “microdonativos” de red. ¿Pueden vincularse para poder ayudar?
Además, ¿ha visto todas las redes integradas en: Enfold Theme Options> Social Profiles> Your social profiles

——————

Sorry I do not know what network “microdonatives” is, can you please link to it so I can assist.
Also, have you seen all of the built in networks at: Enfold Theme Options > Social Profiles > Your social profiles

Best regards,
Mike

Hi,
Si entiendo correctamente, los íconos sociales que desea agregar al lado del menú son imágenes y no se encuentran en fontello.com, en este caso recomiendo agregar iconos sociales desde la opción Opciones de Enfold Theme> Perfiles sociales> Sus perfiles sociales, que usted no se utilizará, por lo que puede reemplazarlos con imágenes. Utilice este CSS en el campo Estilo general> CSS rápido:

#top .social_bookmarks li:hover a {
    background: transparent !important;
}
#top .social_bookmarks li a:before{
    content: "";
    display: block;
    width: 30px;
    height: 30px;

}
#top .social_bookmarks li.social_bookmarks_facebook a:before {
    background: url(https://png.icons8.com/doodle/50/ffffff/dirigible.png) center center no-repeat;
    background-size: contain;
}

#top .social_bookmarks li.social_bookmarks_twitter a:before {
    background: url(https://png.icons8.com/color/50/ffffff/hot-air-balloon.png) center center no-repeat;
    background-size: contain;
}

y reemplace la url con sus imágenes, y reemplace las clases de twitter y facebook con los perfiles sociales que elija usar para el reemplazo.

Si lo desea, podría configurar uno para usted en su sitio para que pueda ver cómo funciona y hacer el resto usted mismo.

———-
If I understand correctly, the social icons you want to add next to the menu are images and not found on fontello.com, in this case I recommend adding social icons from the Enfold Theme Options > Social Profiles > Your social profiles option, that you will not be using, so you can replace them with images. Please use this css in the General Styling > Quick CSS field:

#top .social_bookmarks li:hover a {
    background: transparent !important;
}
#top .social_bookmarks li a:before{
    content: "";
    display: block;
    width: 30px;
    height: 30px;

}
#top .social_bookmarks li.social_bookmarks_facebook a:before {
    background: url(https://png.icons8.com/doodle/50/ffffff/dirigible.png) center center no-repeat;
    background-size: contain;
}

#top .social_bookmarks li.social_bookmarks_twitter a:before {
    background: url(https://png.icons8.com/color/50/ffffff/hot-air-balloon.png) center center no-repeat;
    background-size: contain;
}

and replace the url with your images, and replace the twitter & facebook classes with the social profiles you choose to use for replacement.

If you wish, I could set one up for you on your site so you can see how it works and do the rest yourself.

Best regards,
Mike

Hi,
Entiendo que le gustaría agregar sus propios iconos para los perfiles sociales que no existen, como en las instrucciones: Cómo agregar iconos sociales personalizados a las opciones de Enfold Pero solo puedes hacer eso si agregas iconos de fontello.com No puedes usar imágenes para hacer esta.
Es por eso que sugiero una técnica para sustituir los iconos incorporados por tus imágenes
Puede cambiar el título del icono con jQuery, aquí hay un ejemplo que cambia el título de twitter. Intente agregar este código al final de su archivo functions.php en Apariencia> Editor:

function change_twitter_title(){
  ?>
  <script>
  jQuery(window).load(function(){
  jQuery( '.social_bookmarks_twitter' ).each(function() {
  jQuery( this ).find( 'a' ).attr({title: "New Social Title"});
  });
  });
  </script>
  <?php
  }
  add_action('wp_footer', 'change_twitter_title');

Estaré encantado de ayudarlo a crear código personalizado para sus propios títulos

————–

I understand you would like to add your own icons for social profiles that do not exist such as in the instructions: How to add Custom Social Icons to Enfold options But you can only do that if you add icons from fontello.com You can not use images to do this.
This is why I suggest a technique to substitute the built-in icons for your images
You can change the icon title with jQuery, here is an example that changes the twitter title. Try adding this code to the end of your functions.php file in Appearance > Editor:

function change_twitter_title(){
  ?>
  <script>
  jQuery(window).load(function(){
  jQuery( '.social_bookmarks_twitter' ).each(function() {
  jQuery( this ).find( 'a' ).attr({title: "New Social Title"});
  });
  });
  </script>
  <?php
  }
  add_action('wp_footer', 'change_twitter_title');

I will be happy to assist you create custom code for your own titles

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike