Un utilisateur a demandé 👇
Salut Kevin, Tout d’abord merci pour un super plugin, je l’aime vraiment. Pourriez-vous me dire comment supprimer la marge en haut et le renflement s’il vous plaît ? J’ai essayé de violer CSS dans mon thème enfant comme ceci, mais cela ne fonctionne pas :
div.product .woocommerce-tabs .full-width-content[data-tab-style=”fullwidth”] ul.tabs {marge : 0px 0px 20px 0 ! important; }
Aussi, puis-je changer le style des en-têtes d’onglets pour le même style que mes menus supérieurs, ligne rose sous le curseur ?
Merci.
(@yikesitskevin)
il y a 1 an, 9 mois
Salut Daria,
Quelles marges essayez-vous de supprimer ? Contenu de l’onglet supérieur et inférieur ? Au-dessus et en dessous des titres d’onglet ? Fais-le moi savoir.
Quant aux en-têtes d’onglet, ils auraient l’air bien! Malheureusement, je ne sais pas comment votre thème y contribue et je ne connais pas assez l’animation CSS pour créer la mienne. Si votre sujet offre un support, je leur demanderais comment ils définissent cela. Ou si vous êtes familier avec l’animation CSS, je pourrais peut-être vous aider à faire fonctionner votre bouton CSS. Ou si j’ai du temps libre aujourd’hui pour apprendre à le faire, je le ferai. Je pense que ce serait bien.
Salutations, Kévin.
(@dariaalbufeira)
il y a 1 an, 9 mois
Salut Kevin, tu as raison, je veux que les marges du titre de l’onglet soient de plus en plus petites. Quant au style, oui, je pense que le même style pouvait être beau alors, je ne savais pas que c’était compliqué, je pensais que c’était facile, aïe. 😉 Veuillez vérifier, juste au cas où vous auriez le temps bien sûr. Merci.
(@yikesitskevin)
il y a 1 an, 9 mois
Salut Daria,
Oui !important confirmation des marges du titre de l’onglet, nous devons donc surmonter cela avec notre !important. Cela changera les marges du titre de l’onglet :
.woocommerce.single .woocommerce-tabs .full-width-content .tab-container ul.tabs {
margin-top: 10px !important;
margin-bottom: 10px !important;
}Essaye ça …
ul.tabs li > a:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
ul.tabs li > a:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: #ff1053;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
ul.tabs li > a {
position: relative;
color: #ff1053;
text-decoration: none;
}
ul.tabs li > a:hover {
color: #ff1053;
}Salutations, Kévin.
(@dariaalbufeira)
il y a 1 an, 9 mois
Salut Kevin, c’est trop mignon ! Merci beaucoup!
Tout fonctionne, j’ajoute des initiatives de transformation : 0 100 % ; pour passer du balayage de gauche à droite.
Dernière question, comment puis-je remplacer la couleur de la ligne de tabulation active pour # ff1053. J’ai essayé plusieurs façons, mais sans succès.
Merci, Darya.
(@yikesitskevin)
il y a 1 an, 9 mois
Oh c’est bien! J’ai passé une minute à essayer de comprendre comment le faire aller de gauche à droite/de droite à gauche et j’ai abandonné haha. Je savais que tu en aurais besoin. Merci d’avoir découvert.
Quant à la couleur de soulignement, elle provient de WooCommerce, nous devrons donc dépasser son style. Et ils le font d’une manière étrange en utilisant une image d’arrière-plan pour la ligne.
Cela changera la couleur :
ul.tabs li.active a {
background-image: linear-gradient(to right, #ff1053 0%, #ff1053 100%) !important;
}Cela tracera la ligne ci-dessous :
ul.tabs li.active a {
background-image: none !important;
}(@dariaalbufeira)
il y a 1 an, 9 mois
Bonjour Kevin,
vous êtes de premier ordre, merci beaucoup !!! Vous avez passé la journée d’hier à essayer d’accomplir cela, en vain… uffff. La première fonction fonctionne, mais pas la dernière. Maintenant tout va bien en survol et actif, mais ensuite vous appuyez sur l’onglet suivant et vous voyez la ligne noire se fermer, comment la supprimer ? Toute suggestion?
Merci, Darya.
(@yikesitskevin)
il y a 1 an, 9 mois
Salut Daria,
J’ai imaginé ça. Modifiez le code que je vous ai donné la dernière fois jusqu’à présent (supprimez le .active)
ul.tabs li a {
background-image: linear-gradient(to right, #ff1053 0%, #ff1053 100%) !important;
}(@dariaalbufeira)
il y a 1 an, 9 mois
Bonjour Kevin,
Merci beaucoup pour le meilleur soutien! Tout fonctionne, si heureux de moi !!! 😀 Je vous souhaite beaucoup de succès !!!
Merci, Darya.
(@yikesitskevin)
il y a 1 an, 9 mois
De rien Daria 🙂
Cela a-t-il résolu votre problème ?
Was this helpful?
0 / 0