Hyperlink-Design in ausgewählten Elementen ändern

Hallo zusammen,

ich benutze das Layout "Flat Responsive" und habe in den Layout-Einstellungen bestimmt, dass Hyperlinks unterstrichen werden sollen.

Nun würde ich diese Unterstreichung für ein paar ausgewählte Elemente gerne deaktivieren. Sämtliche Versuche, den Quelltext mit "text-decoration: none" etc. zu bearbeiten sind bisher gescheitert; ich vermute, die Layouteinstellungen überschreiben das einfach. Hat hier jemand einen Tipp für mich, wie ich die Unterstreichung der Hyperlinks in einzelnen Elementen wegbekomme?

Ich hänge mal einen Screenshot an, die Seite ist momentan noch nicht veröffentlicht. Hier sind sowohl Bild, als auch Text verlinkt und somit unterstrichen:

Für Tipps wäre ich euch sehr dankbar

Viele Grüße,

Lisa

Hallo Sunny,

vielen lieben Dank für deine schnelle Hilfe!

Leider hat es mit dem Code-Schnipsel noch nicht so geklappt; der Tipp mit dem eigenen CSS war aber zielführend -> border-bottom:none!important hat es dann gerichtet

Viele Grüße

Lisa

Hallo Steffen, hallo Mario,

danke für eure Beiträge!

Sorry, falls das aus meinem vorherigen Beitrag nicht klar wurde: Sunny hat mich schon auf die richtige Spur gebracht, ich konnte das Problem mit einem eigenen CSS und dem Befehl border-bottom lösen. Die Seite selbst ist noch nicht veröffentlicht, es handelt sich bei den Widgets aber um normale Textelemente.

Viele Grüße

Lisa