W dzisiejszej części poradnika zajmiemy się trochę kodami CSS, html,więc bez zbędnych szczegółów ruszmy się do roboty. :)
Od pewnego czasu, zgodnie z przepisami na stronie głównej naszych blogów wyskakuje "ciasteczkowe powiadomienie". Czasami psuje nam nieco wygląd bloga swoim wyglądem..masło maślane ale chyba każdy wie o co chodzi. A więc przechodzimy do sedna sprawy.
JAK USUNĄĆ LUB ZMIENIĆ WYGLĄD I TEKST PASKA CIASTECZKOWEGO POWIADOMIENIA?
Jeśli chcesz się zabrać za usunięcie tegoż paska apeluje najpierw o przemyślenie tego dokładnie i kilkakrotnie ! Jeżeli jeszcze nie wiesz dlaczego odsyłam cie do strony w której dowiesz się wszystkiego o ciasteczkach gdyż to nie czas i miejsce abym się na ten temat rozwodziła >
KLIK
Wracając. Jeżeli chcesz usunąć pasek powiadomienia cookies należy :
>Wejść w Projektanta Szablonów
>Zaawansowane
>Dodaj Arkusz CSS
>Dodać kod urywający arkusz
div#cookieChoiceInfo {
display:none!important;
}
JAK EDYTOWAĆ POWIADOMIENIE COOKIES ?
Jeśli jednak zdarzy się że to powiadomienie Ci absolutnie nie przeszkadza albo nawet uznasz je za przydatne poza jedną małą wadą- powiadomienie nie współgra z twoim wyglądem bloga możesz je wbrew pozorom łatwo edytować.
Dokładnie w tym samym miejscu, o którym wspominałam powyżej, czyli arkuszu CSS, możesz dodać kilka kodów, które zmienią wygląd tego paseczka. Kilka modyfikacji które możesz wprowadzić:
div#cookieChoiceInfo { - selektor paska informacyjnego
background-color: #fff !important; - kolor tła
color:#000!important; - kolor fonta
font-size:14px; - rozmiar czcionki
font-family:sans-serif; - rodzaj czcionki
border-bottom:1px solid #ddd; - podkreślenie
}
#cookieChoiceInfo a{ - selektor linka "dowiedz się więcej"
background-color:#555!important; - kolor tła
font-size:12px; - rozmiar czcionki
border-radius:6px; - zaokrąglenie boków
color:#585858; - kolor czcionki
}
#cookieChoiceInfo > a:nth-child(2),a#cookieChoiceDismiss { - selektor przycisku "Rozumiem"
color:#fff; - kolor czcionki
border-radius:6px; - zaokrąglenie boków
font-family:sans-serif; - rodzaj czcionki
font-size:14px; - rozmiar czcionki
font-weight:bold; - grubość czcionki
}
PRZYKŁADOWY GOTOWY KOD
div#cookieChoiceInfo {
background-color: #fff !important;
color:#000!important;
font-size:14px;
font-family:sans-serif;
border-bottom:1px solid #ddd;
}
#cookieChoiceInfo > a:nth-child(2),a#cookieChoiceDismiss {
color:#fff;
font-family:sans-serif;
font-size:14px;
font-weight:bold;}
#cookieChoiceInfo > a:nth-child(2):hover, a#cookieChoiceDismiss:hover {
color:#fff!important;
}
Powodzenia !
