Champs personnalisé : label et champ sur la meme ligne

  • Posts: 30
  • Thank you received: 1
  • Hikashop Business
3 years 4 months ago #334188

-- HikaShop version -- : 4.4.3
-- Joomla version -- : 3.9.25

Bonjour,
je souhaiterais sur les champs personnalisé

affichés dans la vue "image et titre" avoir le label et le contenu du champ sur la meme ligne, et non l'un en dessous de l'autre.
Quelle valeur je doit modifier pour cela ?
Merci
Emmanuel

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
3 years 4 months ago #334190

Bonjour,

Il n'y a pas de "valeur" à modifier pour cela.
Normalement, ils devrait être sur la même ligne par défaut. J'imagine que cela vient du CSS de votre template.
Impossible de fournir le code CSS exact à ajouté pour cela. Il faudrait analyser le CSS des éléments sur la page, mais vous n'avez pas fourni l'URL de la page en question.

Please Log in or Create an account to join the conversation.

  • Posts: 30
  • Thank you received: 1
  • Hikashop Business
3 years 4 months ago #334201

Bonjour,
le lien direct est :

accord20sur20.marvin-solutions.fr/index.php

et

accord20sur20.marvin-solutions.fr/index....produits/vins/rouges

en revanche sur la page détail ils sont bien sur une seule ligne :

accord20sur20.marvin-solutions.fr/index....7-la-reserve-de-jean

Donc je suis un peux perdu ....
Merci Nicolas
Emmanuel

Please Log in or Create an account to join the conversation.

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
3 years 4 months ago #334205

Bonjour,

Je vais vous aider à ajuster cela, suiivez moi étape par étape :
1. Prenez connaissance de cette documentation pour voir comment ajouter du code Css à vos fichiers frontend.
2. Sur votre page frontend, pointer vos éléments à "styler", puis faite clique-droit puis inspect (ou Inspector tool).
=> Cela vous permettra de voir les class html de votre page afin de construire d'abord votre selecteur.
3. Créez donc votre sélecteur en suivant ce modèle :

.html_class_page dd,
.html_class_page dt {
    display: inline-block !important;
}
Le selecteur est la partie du code qui "cible" la zone à laquelle va s'appliquer votre code Css.
Pour en apprendre plus, voyez cette documentation, ici .

Quant au fait que l'affichage varie d'une page à l'autre n'est pas si étonnant, en effet, un peu comme le code que je vous propose le Css est souvent conditionné par le contexte (via la class html_class_page).

En espérant que cela vous permette d'arriver à ce que vous désirez.
Cordialement

Last edit: 3 years 4 months ago by Philip.

Please Log in or Create an account to join the conversation.

Time to create page: 0.067 seconds
Powered by Kunena Forum