Lien HTML souligné

• 

  sylvainchevillottesite · Membre · février 26, 2019 at 2:49

  • Copier le lien
  • Ajouter le thème aux favoris

  Bonjour,
  Je cherche désespérément comment retirer le soulignement des liens textuel html.
  Merci de votre attention.

  <p class="has-text-color has-background has-large-font-size"><span style="background-color:#ff240f;color:#ffe500;text-align:center;">

  Pâtisseries
--
Chocolats
--
Créations

  L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).

• 

  airodyssey · Modérateur · février 27, 2019 at 1:41

  • Copier le lien

  Bonjour. J’ai mis le mot-clé « modlook » pour attirer l’attention du personnel, qui vous répondra sur le forum directement. Merci de votre patience.

• 

  sylvainchevillottesite · Membre · février 27, 2019 at 3:00

  • Copier le lien

  Pareil ici, j’ai le même problème sur mon image en png.

  Nos Créations

  
  Une barre blanche s’affiche normalement derrière l’image mais vue que c’est un png, elle apparaît à l’écran.

• 

  sylvainchevillottesite · Membre · février 27, 2019 at 3:02

  • Copier le lien

  J’ai le même problème pour image en png dans mon onglet « créations ». La ligne qui est situé derrière l’image est affiché à l’écran à cause de la transparence que j’ai voulu donner à mon image.

• 

  sylvainchevillottesite · Membre · février 27, 2019 at 3:03

  • Copier le lien

  Je me répète, j’ai cru que je ne l’avais pas publié mille excuses.

• 

  cecilearkay · Membre · février 28, 2019 at 8:03

  • Copier le lien

  Bonjour,

  Voici un exemple de code :

  <a href="http://mon-lien.com/infos" style="text-decoration: none !important;">En savoir plus</a>

  C’est la partie style="text-decoration: none !important;" qui retire le soulignement.

• 

  sylvainchevillottesite · Membre · mars 1, 2019 at 7:34

  • Copier le lien

  Je vous remercie de votre réponse mais en action ceci ne fonctionne pas je vais vous partager l’intégralité de mon code sur cette parti voir s’il y a un problème ou je ne sais pas écrire.

  <p class="has-text-color has-background has-large-font-size"><span style="background-color:#ff240f;color:#ffe500;text-align:center;"><em><strong> 
  
  <a href="https://sylvainchevillotte.wordpress.com/nos-patisseries/" style="text-decoration:none !important;">Pâtisseries</a>
  --
  <a href="https://sylvainchevillotte.wordpress.com/nos-chocolats/">Chocolats</a>
  --
  <a href="https://sylvainchevillotte.wordpress.com/mes-creations/">Créations</a></strong></em></span></p>

  Sachant que je l’ai rajouté uniquement dans le premier texte pour essayer.
  PS : Au cas ou je ne sais toujours pas écrire du code voici un screen :
  

• 

  sylvainchevillottesite · Membre · mars 1, 2019 at 3:52

  • Copier le lien

  Et pour mon image j’ai écrit ceci, sans résultat non plus.
  <figure class="wp-block-image is-resized .element.style {text-decoration: none;}"><a style="text-decoration:none" href="https://sylvainchevillotte.wordpress.com/2019/02/27/le-corbeau-et-le-renard/"><img src="https://sylvainchevillotte.files.wordpress.com/2019/02/bueno.png" alt="" class="wp-image-484" width="250" height="333"/></a></figure>

  En ce qui concerne le texte, je me suis débrouiller autrement j’ai fait de ce point négatif, une force en le rendant esthétique.

• 

  abbassa · Membre · mars 1, 2019 at 4:58

  • Copier le lien

  style= »text-decoration: none; doit être entre <a et href=

• 

  cecilearkay · Membre · mars 1, 2019 at 5:08

  • Copier le lien

  Merci de votre patience – en fait, avec votre capture d’écran j’ai pu regarder de plus près l’élément que vous souhaitiez changer et malheureusement je pense que cela ne sera pas possible (du moins pas sans notre outil CSS disponible avec les plans Premium, Business et eCommerce).

  Il y a dans votre thème une règle box-shadow qui ne peut pas être retirée. C’est la suivante :

  https://cld.wthms.co/3FsMyY

  Je vais vérifier avec un collègue et je vous tiens au courant quand j’en sais plus.

• 

  airodyssey · Modérateur · mars 1, 2019 at 5:18

  • Copier le lien

  @cecilearkay : J’ai regardé le code HTML fourni dans la dernière réponse de sylvainchevillottesite et il semble manquer un point-virgule :

  [...] <a style="text-decoration:none" [...]

  Je ne sais pas si cela a quelque chose à voir?

• 

  sylvainchevillottesite · Membre · mars 2, 2019 at 9:59

  • Copier le lien

  Merci Cecile, ça fonctionne enfin ! Je n’y croyais plus…
  box-shadow : none;
  Tout simplement rajouter cette ligne dans le style pour que cela fonctionne.
  Encore merci a tout ce qui ont contribué a ce sujet.

• 

  cecilearkay · Membre · mars 4, 2019 at 8:43

  • Copier le lien

  Bonjour,

  Merci de votre patience – j’ai demandé à un collègue de regarder de plus près et si vous le souhaitez, vous devriez aussi pouvoir retirer la ligne de la page d’accueil avec box-shadow : none;

  Pour Pâtisseries par exemple, voici le code à utiliser :

  <a href="https://sylvainchevillotte.wordpress.com/nos-patisseries/" style="background-color:#ff240f; color:#ffe500; text-align:center; box-shadow:none;">&nbsp;Pâtisseries&nbsp;</a>

  Cela fonctionne de la même façon pour les 2 autres.

  —

  
  @airodyssey – bien vu, mais cela ne devrait pas poser problème : dans la page, contrairement à son message sur le forum, @sylvainchevillottesite avait bien mis un point virgule. :-)