Cookies bei XF

[Kirby]

1. Alle Buttons dürfen nur noch eine einheitliche Farbe haben.
---> Ich gehe davon aus, dass sich die Cookie-Buttons alle aus dem XF-Standard bedienen. Wie wäre es machbar, nur diesen Buttons ein einheitliches Gesicht zu verpassen?

Das ist aus Datenschutzsicht absolut sinnvoll und auch erforderlich wenn man möglichst konform sein möchte - aus wirtschaftlicher Sicht ist das keine gute Idee.

Einfachster Ansatz:
Etwas wie

div.cookies-buttons a
{
    background-color: red;
    color: white;
}

in extra.less.

Er möchte gern, dass der Button "Optionale Cookies ablehnen" verschwindet und stattdessen einer dort steht, der den Text und die Funktionalität des bisher daneben stehenden Links "Klicke hier für weitere Informationen ..." bekommt.

Dein DSB weiß schon was er da tut?
Aus wirtschaftlicher Sicht sicherlich eine gute Idee, aus datenschutztechnischer Sicht immer fragwürdiger (auch wenn es derzeit noch fast alle so machen).

Mit dieser Änderung hat der User nämlich keine Möglichkeit mehr mit nur einem Klick alle Nicht-Optionalen Cookies abzulehnen:
Verbraucherschützer klagen erfolgreich gegen Cookie-Banner

Falls Du das dennoch machen möchtest- das kriegt man dann nicht mehr alleine per CSS hin, da müsstest Du schon das Template anpassen:

Im Template misc_cookies

            <p><a href="#" data-xf-click="toggle" data-target="#cookieConsentConfig">{{ phrase('cookie_consent_configure') }}</a></p>
        </div>
        <div class="cookies-buttons u-inputSpacer _u-alignCenter">
            <xf:button href="{{ link('misc/cookies', null, {'update': true, 'accept': true, 't': csrf_token()}) }}"
                class="button--notice button--primary"
                data-xf-click="cookie-consent"
                xicon="confirm">
                {{ phrase('accept_all_cookies') }}
            </xf:button>
            <xf:button href="{{ link('misc/cookies', null, {'update': true, 'reject': true, 't': csrf_token()}) }}"
                class="button--link"
                data-xf-click="cookie-consent"
                xicon="cancel">
                {{ phrase('reject_optional_cookies') }}
            </xf:button>
        </div>

ersetzen durch

        </div>
        <div class="cookies-buttons u-inputSpacer _u-alignCenter">
            <xf:button href="{{ link('misc/cookies', null, {'update': true, 'accept': true, 't': csrf_token()}) }}"
                class="button--notice button--primary"
                data-xf-click="cookie-consent"
                xicon="confirm">
                {{ phrase('accept_all_cookies') }}
            </xf:button>
            <xf:button href="#" data-xf-click="toggle" data-target="#cookieConsentConfig"
                class="button--notice button--primary">
                    {{ phrase('cookie_consent_configure') }}
            </xf:button>
        </div>

Das obige CSS ist in diesem Fall dann nicht nötig, allerdings ist vmtl. der Text Klicke hier für weiter Informationen und konfiguriere deine individuellen Einstellungen für den Button dann viel zu lang - müsstest Du entweder ändern oder CSS anpassen.

Da könnte dann etwas wie

div.cookies-buttons a {
    white-space:inherit: 
}

helfen