W tym samym miejscu – dodaj tylko przedrostek body ze spacją przed właściwym kodem, ewentualnie !important, jeśli zajdzie potrzeba(tj. jeśli przy jakiejś klasie w oryginalnym arkuszu jest wpis !important, zazwyczaj doradza się go nie używać).
ale musze powiedzieć, że nie znam się na kodzie. Co mi do ten przedrostek i gdzie go wstawić. Kolor zmieniłem w ustawieniach motywu. Nie wiem gdzie mogę zmienić położenie. I co konkretnie trzeba napiasać, żeby zmienić położenie?
Poradziłem sobie. Pewnie troche to toporne, ale o to mi chodziło, żeby opis strony był pod tytułem strony.
#site-title a{
font-family: Bickham Script Pro;
font-size: 80px;
font-weight: normal;
margin-left: 20px;
}
#site-description {
font-family: Lucida Handwriting;
font-size: 15px;
font-weight: normal;
margin-left: -250px;
margin-top: 30px;
}
Jeśli styl jest responsywny(tj. przyjazny dla urządzeń mobilnych), to przesuwanie marginesami może posypać układ w niskich rozdzielczościach lub na wyżej wspomnianych urządzeniach mobilnych, do usadowienia powinno stosować się raczej padding, także proponuję sprawdzić jak to wygląda na innych urządzeniach po wstawieniu tych marginesów. W najgorszym wypadku opis strony będzie „w dziwnym” miejscu ale jeśli dbasz o estetykę, to warto zobaczyć.
Rzeczywiści. Wygląda to dobrze tylko na komputerze. Na ekranie telefonu już tak różowo nie jest. Wszystko się rozjechało. Czcionka tez jest inna niż na komputerze. Kolor jest tylko taki sam.
jak to można naprawic?
Zamiast margin użyj padding.
Gdzie mam uzyć tego padding?
Tak?
padding-left: -250px;
padding-top: 30px;
Jeszcze dodatkowe pytanie, dlaczego mam inną czcionkę w telefonie i innym komputerze a inna na komputerze, gdzie ustawiłem czcionke?
Padding nie działa na zasadzie tworzenia marginesów, tylko jest to usadowienie – ustawiasz go w odniesieniu do bloku(sekcji), w którym się znajduje. Ewentualnie w odniesieniu do marginesów samej strony, jeśli ustawi się dla elementu position:absolute;.
Np.
padding: 25px 50px 75px 100px;
daje: 25 pixeli od góry, 50 od prawej, 75 od dołu i 100 od lewej.
Tutaj znajdziesz dokładne wyjaśnienie:
http://www.w3schools.com/css/css_padding.asp
Możesz spróbować na zasadzie prób i błędów, w linku powyżej kwestia jest wytłumaczona całkiem prosto.
Jeśli szablon jest responsywny, to możliwe, że dla urządzeń mobilnych jest ustawiona inna czcionka dla większej wygody użytkownika(czy po prostu dla utrzymania odpowiedniego układu stylu). Zasady CSS dla urządzeń mobilnych najczęściej rozpoczynają się od @media.
OK. Tylko dlaczego mam inna czcionkę w tytule strony na komputerze na którym zmieniałem ustawienia w motywie – np.czcionka Lucida Handwriting a na drugim kopuerze wyświetla sie czcionka standardowa motywu. A na dodatek wszystko jest rozstrzelone. Dotyczy to tytułu i opisu strony w nagłówku.
Na dwóch różnych przeglądarkach?
Możesz dopisać !important to font-family w arkuszu, wtedy powinno wyświetlać wszędzie tą samą.
Na takiej samej przeglądarce – firefoxie , na dwóch różnych komputerach są różne czcionki i układ – wysokośc, marginesy.
!important mam dopisać w edytorze motywu, czy w ustawieniu Mantry, w ustawieniach dodatkowych, Niestandardowy CSS? Na razie po omacku to wszystko ogarniam i nie wiem co za co jest odpowiedzialne. A chce żeby nazwa strony i jej opis wyświetlały mi sią w czcionce jaką sam wybiorę i na wszystkich urządzeniach w taki sam sposób.
Może być edytor ogólny(wygląd>edytor). Jak się wpisuje !important możesz wyszukać na googlach.
Możesz również poeksperymentować z konsolą developerską, po kliknięciu prawym przyciskiem myszy na wybrany element wybierasz „zbadaj element”, po czym pokaże jego klasę(w prawej tabeli) oraz zasady do niego przypisane. W tej samej prawej tabeli możesz dopisywać klasy i eksperymentować bez potrzeby zmiany właściwego arkusza, aż do momentu, w którym efekt będzie zadowalający, a na koniec po prostu skopiować kod.
Poza tym proponowałbym przeczytać jakiś poradnik z podstawami CSS, rzeczy o które pytasz nie należą do trudnych w edycji i tego można się samemu wyuczyć.
Wiem, że muszę się nauczyć, ale może mi ktoś pomóc teraz na szybko co konkretnie i gdzie mam wpisać, żeby móc zmienić czcionkę, jej wielkość i położenie tytułu strony i opisu strony. Na razie tytuł i opis są w jednej linii a ja chcę, żeby opis strony był pod tytułem strony. Jak na razie gdy zmieniam te dane w MANTRA SETTINGS odnoszą się tylko do komputera na którym to robię, na innych komputerach nie ma takich zmaina jak rodzaj czcionki, czy jej położenia. Czcionkę ściągnąłem z netu i mam ją tylko załadowaną na lokalnym komputerze.
font-family: Bickham Script Pro
Pozdrawiam.
Każdy by chciał na szybko i żeby mieć z głowy.
Tutaj opis jak wstawić własną czcionkę na stronę:
http://stackoverflow.com/questions/12144000/using-custom-fonts-using-css
– natomiast niektóre przeglądarki mogą nie czytać tej czcionki, proponuję użyć jakiejś wtyczki google fonts i wybrać jakąś: https://www.google.com/fonts, jest ich całkiem sporo.
Do wielkości czcionki używa się font-size
http://www.w3schools.com/css/css_font.asp
Do przestawienia obu elementów musisz usunąć selektory float, inaczej są one wyświetlane jako bloki jeden po drugim. Potem możesz użyć choćby paddinga do usadowienia.
Jeśli nie chcesz się bawić, to po prostu stwórz logo jako przezroczysty obrazek wedle uznania i podmień go z obecnym logo i będziesz miał problem z głowy.
