Avez-vous créé un nouveau composant de thème et l’avez-vous ajouté, dans ce cas, au thème Air ?
Vous avez vu mes mods ci-dessus. Essayez-vous de remplacer des parties des paramètres du thème ou, comme dans mon message ci-dessus, d’ajouter des mods/corrections ?
Merci Dan ! J’ai réussi à ajouter un nouveau composant, puis à y ajouter du CSS personnalisé.
1 « J'aime »
Si vous souhaitez remplacer un paramètre, utilisez « !important »
Par exemple
.some-selector {
padding-top: 2.5em !important;
{
J’apprends encore moi-même. Discourse est très diversifié.
2 « J'aime »
Merci pour le thème génial. tout fonctionne. Mais j’ai la question comment puis-je changer l’image d’arrière-plan ?
Merci pour votre aide
2 « J'aime »
Créez un composant de thème et ajoutez-le avec votre image d’arrière-plan
html .background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background-image: url();
background-size: cover;
opacity: 1;
/* background: linear-gradient(90deg, var(--tertiary-hover) 0%, var(--tertiary) 100%); */
clip-path: unset;
background-color: var(--secondary) !important;
}
3 « J'aime »
Bonjour à tous,
Y a-t-il un moyen d’ajouter des liens externes dans l’en-tête, près du logo ?
Merci !
Il y a celui-ci
Et
Il y en a aussi un qui ajoute une barre avec des menus déroulants sous l’en-tête du site
2 « J'aime »
Salut,
Merci beaucoup d’avoir pris le temps de répondre.
J’utilisais celui-ci mais je n’étais pas entièrement satisfait : Custom Top Navigation Links
Votre deuxième suggestion est exactement ce dont j’ai besoin, je suis vraiment satisfait du résultat.
Merci beaucoup pour votre aide !
1 « J'aime »
Bonjour à tous,
Désolé pour ce double message, mais y a-t-il un moyen d’afficher les sous-catégories sur ordinateur et mobile et en même temps d’afficher les titres complets des catégories sur mobile lorsqu’ils sont un peu longs ?
Ma configuration est BOÎTES DE CATÉGORIE AVEC SOUS-CATÉGORIES, mais sans utiliser Catégorie Moderne + Boîtes de Groupe.
Le résultat est excellent sur ordinateur et mobile lorsque j’utilise la version de bureau. Mais avec la version mobile, on ne peut pas lire la fin de certains titres de catégorie.
Merci beaucoup pour votre aide !
Pouvez-vous poster une capture d’écran ?
Bien sûr, veuillez trouver ci-joint 2 captures d’écran avec mon iPhone, une version mobile et une version de bureau.
1 « J'aime »
Je vois des sous-catégories s’afficher dans les deux ss. Souhaitez-vous avoir la description de la catégorie dans les deux ? Ou refléter le bureau sans description ?
Sorry if I was not clear.
I would like to see the full category titles
For example on the desktop version you have «Discussions Générales sur la mode » but on the mobile version you have only « Discussions Générales »
1 « J'aime »
Je ne connais pas le code CSS par cœur. Mais vous devriez pouvoir faire en sorte que le titre de la catégorie s’enroule comme sur la première image que vous avez postée.
Essayez peut-être d’inspecter l’élément sur le bureau pour voir si vous pouvez identifier le CSS utilisé pour faire enrouler le nom de la catégorie sur 2 lignes.
J’ai essayé du CSS avec ChatGPT et Claude, par exemple :
.category-box-heading,
.category-box-heading a,
.category-box-heading h3 {
max-width: 100%;
width: 100%;
display: block;
word-break: break-word;
overflow-wrap: break-word;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
line-height: 1.4;
padding: 5px 0;
}
.parent-box-link {
display: block;
width: 100%;
}
@media screen and (max-width: 767px) {
.category-box-heading h3 {
font-size: 16px; /* Ajustez cette valeur selon vos besoins */
}
}
Mais ça ne fonctionne pas.
Y a-t-il un moyen de forcer la vue bureau sur mobile ? Ce serait parfait pour avoir la description et les sous-catégories.
Merci !
Avez-vous essayé à quoi ressemble la vue de bureau sur un mobile ? Ce n’est pas terrible sur certains mobiles.
Merci pour votre réponse.
J’ai essayé sur 2 iPhone et c’était comme ça.
Ce qui est exactement ce que je recherche.
Idéalement, j’aimerais que mes utilisateurs aient cette vue directement sans jouer avec les paramètres.
Désactivez votre composant personnalisé. Créez un nouveau composant de test en CSS mobile, essayez ceci
.category-box-heading h3 {
//* Vous devrez peut-être décommenter les 2 lignes ci-dessous.
// Overflow: unset !important;
// Text-overflow: unset !important;
text-wrap: balance !important;
}
Je suis à peu près sûr que vous n’aurez pas besoin d’autres modifications CSS.
Je viens de tester. Ne fonctionne pas non plus avec mon extrait de code.
Dernière version du code effectif :
.full-width .contents .topic-list thead th.posts {
width: 10%;
}
.full-width .contents .topic-list thead th.activity {
width: 10%;
order: 4;
}
th.num.views {
width: 10%;
order: 3;
display: block;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.posts {
width: 10%;
order: 2;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.age {
width: 10%;
order: 4;
}
.topic-list .views {
width: 10% !important;
order: 3 !important;
display: flex !important;
visibility: visible !important;
justify-content: center;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.views {
width: 10% !important;
order: 3 !important;
display: flex !important;
justify-content: center;
align-items: center;
}
2 « J'aime »
