Wygląd zdjęć w poście możemy w łatwy sposób zmienić korzystając z kodów CSS. Bardzo lubię, gdy rogi zdjęć są lekko zaokrąglone. Nie wszędzie taki efekt się sprawdzi, każdy szablon jest inny. Ważne również aby nie przesadzić. W tym poście pokażę wam jak to zrobić.
Gdzie wpisujemy kody CSS?
Wchodzimy w Układ > Projektant Szablonów > Zaawansowane > Dodaj arkusz CSS:
Pamiętajcie aby przy wklejaniu kodu zrobić spacje i ją zlikwidować, ewentualnie kliknąć Enter i backspace. Mówiąc prosto program musi "załapać" zmiany.
Nasz kod na zaokrąglenie rogów zdjęć w poście wygląda tak:
.post img {border-radius: 30px;}
wartość px możemy indywidualnie ustalać. W tym przypadku wszystkie rogi zostaną zaokrąglone o jednakową wartość px.
.post img {border-radius: 30px 55px 10px 80px;}
Wartości zmieniają się zgodnie z ruchem wskazówek zegara.
.post img {border-radius: 100%}
Jak widzicie, bardzo łatwo jednym kodem zmienić zdjęcia w postach na całym blogu. Sprawdźcie sami na własnej stronie, jak efekt możecie uzyskać.
