En este artículo, discutiremos cómo puedes usar CSS personalizado para personalizar y crear tu marca en tu página de Feedlink. Cubriremos los cambios de CSS más comunes que puedes hacer para personalizar el diseño y la disposición de tu página según la imagen de tu marca en el sitio web.
La importancia del CSS personalizado en Feedlink
La opción de CSS personalizado en Feedlink te da la flexibilidad para asegurarte de que tu página de redes sociales se integre perfectamente con el diseño y la disposición de tu sitio web. Te permite personalizar tu feed y crear una imagen de marca cohesiva en todas tus plataformas en línea.
Si deseas ver más de cerca o jugar con el código, puedes hacerlo utilizando la función "Inspeccionar" en tu navegador web. Esto te permitirá ver qué clases de CSS se utilizan en diferentes elementos de la página.
¿Aún no tienes una cuenta de Feedlink? ¡No hay problema! Haz clic aquí para empezar una prueba de 7 días.
Comenzando con el CSS personalizado en Feedlink
Sigue estos pasos para agregar CSS personalizado a tu página de Feedlink:
¡Eso es todo! Has agregado con éxito CSS personalizado a tu página de Feedlink.
Clases de CSS para personalizar tu página de Feedlink
Aquí están las clases de CSS que puedes usar para dar estilo a diferentes elementos de tu página:
Bloque de biografía
Para personalizar el bloque de la biografía, utiliza la clase de CSS .profile-section-container. Esto te permitirá cambiar el diseño y la disposición de tu biografía en la página.
Íconos de redes sociales
Utiliza la clase de CSS .social-media-icons-container para modificar la disposición de los íconos de tus redes sociales. Esto te ayudará a crear una apariencia cohesiva en todas tus plataformas de redes sociales.
Enlaces
Si deseas dar estilo a tus enlaces, utiliza la clase de CSS .custom-link-container. Esto te permitirá cambiar la apariencia de tus enlaces en la página.
Feed de TikTok e Instagram
Para personalizar tus feeds de TikTok e Instagram, utiliza las siguientes clases de CSS:
.instagram-link-container
.tiktok-links-container
Ejemplos de código de CSS personalizado
Aquí hay algunos ejemplos de cómo puedes usar CSS personalizado para cambiar el diseño y el estilo de tu página:
Ejemplo 1: .profile-section-photo-container .profile-section-profile-photo { width: 100px; height: 100px; }
Este código cambiará el tamaño de la foto de perfil en el bloque de biografía.
Ejemplo 2: .custom-link-container { border-radius: 10px 0 10px 0; }
Este código redondeará los bordes de tus enlaces.
Ejemplo 3: .instagram-link-container { width: calc(50% - 2px); }
Este código cambiará el ancho del feed de Instagram en tu página.
Nota: Asegúrate de también incluir el código box-sizing: border-box; si quieres cambiar el borde de tu feed.
¿Todavía necesitas ayuda?
Si tienes alguna pregunta o necesitas ayuda con la personalización de tu página de Feedlink, haz clic en el ícono de chat en la esquina inferior derecha para hablar con nuestro equipo de atención al cliente o envíanos un correo electrónico a support@embedsocial.com.
Siempre estaremos encantados de ayudarte!