Verwendung: CSS-Problem | Gallery Hover deaktivieren

Produkt: Oneo Contao
Contao-Version: 5.3.23

Ich möchte den Hover bei einer Gallery deaktivieren. Icon weg, hintergrund weg. ich habe es versucht mit:
.content-gallery figure a:hover:before { background: none !important; content: none !important; } .content-gallery figure a:hover:after { content: none !important; }

Leider keine Reaktion. wie kann ich das deaktivieren

  1. Vielen Dank für Ihre Frage.

    Fügen Sie dafür bitte folgenden CSS-Code in die Datei files/oneo/css/custom.css ein:

    .content-gallery figure a:hover:before,
    .content-gallery figure a:focus:before,
    .content-gallery figure a:hover:after,
    .content-gallery figure a:focus:after {
        content: none;
    }
    
  2. Leider ist die Lupe und die rote Fläche immer noch beim Hover sichtbar. Muss ich noch etwas machen, nachdem ich das in die custom.css eingefügt habe?

  3. Auf Ihrer Website ist der erwähnte CSS-Code in der Datei files/oneo/css/custom.css nicht zu finden. Stellen Sie bitte sicher, dass Sie die richtige Datei bearbeitet und gespeichert haben.

  4. Ich hab nochmals kontrolliert. die custom.css. ist in das LAyout Full-Width (Without Breadcrumbs) eingebunden. ich habe jetzt auch mal den Prod-Cache geleert. leider ist das icon noch da.

  5. Auf Ihrem Screenshot ist zu sehen, dass Sie die falsche Datei bearbeitet haben (scss statt css). Anstatt der Datei files/oneo/scss/custom.scss fügen Sie den Code bitte in die Datei files/oneo/css/custom.css ein.

Reply to this discussion Internal reply only staff will see it

Markdown

Attaching KB article:

» »

Read more…

Attach files

Up to 10MB each.

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