Jeśli używasz przeglądarki Firefox zainstaluj wtyczkę Firebug, lub wejdź w chrome. Wejdź na stronę następnie wybierz F12 z klawiatury.
Będziesz w tedy mógł podejrzeć kod strony. I ustalić co i gdzie masz zmienić.
Thread Starter
dyziog
(@dyziog)
Nie chodzi mi o sprawdzenie koloru.. tylko jak zmienić kolor , jaki gdzie to zmienić , gdzie wpisać itd.
Użytkownik powyżej dobrze naprowadza.
W chromie jest najprościej – na dany element klikasz prawym przyciskiem myszy i wybierasz „zbadaj”. W prawej kolumnie wyświetlą się klasy z arkusza CSS(jeśli są one przypisane statycznie w pliku – jeśli są one generowane dynamicznie to pojawi się np. index.php:22, a jeśli arkusz jest w jakimś trzecim z kolei subfolderze, to może pojawić się tylko element.style lub w ogóle nie znajdzie przypisanej klasy ).
Dajmy na to masz nagłówek w niebieskim kolorze, klikasz „zbadaj” na wspomnianym nagłówku i w prawej tabeli wyświetli się coś takiego:
#header {background-color: #22609C; }
więc wiesz już jak masz nadpisać element. Dopisujesz klasę ze swoim kolorem do arkusza CSS, np. zmieniasz kolor na czerwony:
#header {background-color: #ff0000; }
jeśli nie załapie, to dodajesz !important, w efekcie:
#header {background-color: #ff0000 !important; }
Okazyjnie zdarza się, że musisz dopisać przed klasą element nadrzędny do klasy, żeby „załapało” – najczęściej body lub np #container / .container
Jest to rzecz, do której dojdziesz metodą dedukcji śledząc kolejność klas w budowie strony sprawdzając konsolę developerską(F12 w chrome).
Staraj się jak najrzadziej korzystać z !important – dlaczego? Tego bez problemu dowiesz się z googli.
Są to raczej zagadnienia, o które powinieneś pytać na forum webmasterskim. Może to dotyczyć wordpressa ale zasada korzystania z konsoli i wykorzystania formularza CSS jest „ogólna”.
Thread Starter
dyziog
(@dyziog)
ale ja chce do tego co mam na zdjęciu i w opisie problemu
