Aqui compartilharemos as alterações CSS mais comuns que você pode usar para personalizar sua página Feedlink.

A ideia com a opção de CSS personalizado é dar a você flexibilidade total para garantir que o design do feed de mídia social se encaixe com a identidade visual e o layout do seu website.

Se você quiser dar uma olhada mais de perto ou brincar com o código, pode fazer isso usando a função "Inspecionar" no seu navegador da web. Isso permitirá que você veja quais classes CSS são usadas em diferentes elementos na página.

Siga estes passos para começar:

Com isso, você agora adicionou com sucesso CSS personalizado à sua página Feedlink.

Aqui estão as classes CSS que você pode usar para estilizar sua página:

A classe CSS para mudar o bloco bio é .profile-section-container.

A classe CSS para mudar o bloco de mídia social é .social-media-icons-container.

A classe CSS para mudar seus links é .custom-link-container.

As classes CSS para mudar seus feeds do TikTok e Instagram são:

.instagram-link-container

.tiktok-links-container

Exemplo de Código CSS Personalizado

Aqui está um exemplo de mudanças de design e estilo para sua página:

.profile-section-photo-container .profile-section-profile-photo {
width: 100px;
height: 100px;
}

Aqui está a mudança:

.custom-link-container{
border-radius: 10px 0 10px 0;
}

Aqui está a mudança:

.instagram-link-container{
width: calc(50% - 2px);
}

Aqui está a mudança:

Nota: Se você quiser alterar a borda do seu feed, também deve adicionar esse código na classe:
​box-sizing: border-box;