Modifier votre logo
Kreezalid offre par défaut un thème graphique vous permettant de personnaliser le design de votre marketplace.
Vous pouvez notamment télécharger votre propre logo sur votre marketplace. Pour cela, rendez-vous sur votre tableau de bord sur :
Thème > Personnaliser > General > Téléchargez votre logo
Pour un affichage optimal sur le thème Kindshare, privilégiez un logo en format paysage dont la hauteur n'excède pas 50px.
Si la taille de logo par défaut imposé par le thème Kindshare ne vous convient pas, vous pouvez avec du CSS personnalisé, augmenter l'espace dédié au logo et donc augmenter la taille d'affichage de votre logo sur le site.
Voici du code qui devrait vous aider dans cette démarche. Pour augmenter votre logo à la taille souhaitée, faites varier la taille en pixel au niveau de la ligne de code indiquée par "ici" :
Pour appliquer les changements copiez ce code et coller ce code dans :
Thème > Personnaliser > CSS personnalisé
Vous pouvez notamment télécharger votre propre logo sur votre marketplace. Pour cela, rendez-vous sur votre tableau de bord sur :
Thème > Personnaliser > General > Téléchargez votre logo
Pour un affichage optimal sur le thème Kindshare, privilégiez un logo en format paysage dont la hauteur n'excède pas 50px.
Vous souhaitez augmenter la taille de votre logo ?
Si la taille de logo par défaut imposé par le thème Kindshare ne vous convient pas, vous pouvez avec du CSS personnalisé, augmenter l'espace dédié au logo et donc augmenter la taille d'affichage de votre logo sur le site.
Voici du code qui devrait vous aider dans cette démarche. Pour augmenter votre logo à la taille souhaitée, faites varier la taille en pixel au niveau de la ligne de code indiquée par "ici" :
@media (min-width: 992px) {
.navbar-brand > img {
height: 60px; /* <---- ici */
margin: 0;
}
.container.clear_menu {
display: flex;
align-items: center;
}
.navbar-inverse .navbar-nav > li > a {
padding-top: 0;
padding-bottom: 0;
margin: 0;
}
.navbar-right {
margin-left: auto;
}
}
Pour appliquer les changements copiez ce code et coller ce code dans :
Thème > Personnaliser > CSS personnalisé
Mis à jour le : 20/03/2023
Merci !