Search the Community

Bonjour. Sur des onglets dont j'ai réussi à mettre une demi-transparence rgba, car cela va de pair avec la demi-transparence du corps de la boutique, je souhaiterais produire un effet remontant vers l'opacité. Donc, actuellement, j'ai ça : ( voir les onglets "Robes" et T-shirts sur l'image ci-dessous ) ... ....et je souhaiterais ceci ( voir l'onglets "Femmes" sur la même image [ simulation par photo-montage dans Gimp ] ) Pour se faire, j'ai tenté l'injection de code suivante, mais cela n'a pas fonctionné. .sf-menu > li:nth-child(1) {background: top #000000 100%,bottom rgba(0, 0, 0, 0.65);} Par contre, juste ceci me donne effectivement l'effet de semi-transparence actuel. .sf-menu > li:nth-child(1) {background: rgba(0, 0, 0, 0.65);} Ma première question est : Est-ce possible de réaliser ça ? Ma seconde serait bien évidemment : Comment ? D'avance, merci pour vos lumières. Pour info : - Version exacte du prestashop : 1.6.1.15 - Date d'installation : Octobre 2018 - Mises à jour bloquées pour que cette version reste une 1.6.1.15 100% d'origine. - Ajout et adaptation visuelle du thème zKid de Zerocarts - Aucune modification sur le thème default-bootstrap - Mon prestashop est hébergé en localhost. Mais je peux fournir des captures d'écran si besoin. No problem ! - Plateforme de travail : Linux Debian 9 64 bits - Geany - Xampp - Firefox 61.0.2 - J'ai des backups de tous mes CSS et TPL si besoin est de revenir en arrière.

[RESOLU] Bonjour, Je suis en train de customiser mon thème et je cherche depuis 2 h à changer le Block imformation pour obtenir une image transparente l'image nommée "Block_header" en png mais rien y fait, et la renommée en gif je n'ai pas obtenu la transparence si quelqu'un passe par ici ça serait hyper sympa de me donner une piste @+ font-family: Helvetica, Sans-Serif; font-weight: bold; font-size: 1.5em; text-align:center; line-height:40px; color: #fff; height: 38px; background: transparent url('../img/block-header.gif') no-repeat top left;