Verwendung: Button in der Navigation einfügen

thomas's Avatar

thomas

24 Apr, 2025 12:15 PM

Produkt: Tao Contao

Hallo
Wie kann ich einen Navigationspunkt als Button darstellen?
(siehe Anhang)

  1. Support Staff 1 Posted by RockSolid Theme... on 25 Apr, 2025 09:21 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Nachricht.

    Ihre Frage betrifft eine individuelle Anpassung. In unseren Support-Richtlinien weisen wir darauf hin, dass wir leider keine Hilfe bei Umbauten leisten können. Dennoch versuchen wir Ihnen, in diesem Fall, im Rahmen unserer Möglichkeiten weiterzuhelfen:

    Eine Button-Darstellung können Sie erreichen indem Sie z. B. der gewünschten Seite die CSS-Klasse navigation-button zuweisen und folgenden CSS-Code in die Datei files/tao/css/custom.css einfügen:

    .main-navigation > ul > li > .navigation-button.navigation-button {
        border-radius: 9em;
        color: #ffffff;
        background: #0000ff;
    }
    

    Ersetzen Sie dabei die Farbwerte #ffffff und #0000ff mit den gewünschten Farben.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • suche_und_Button.png 15.8 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac