STEP BY STEP: SZEROKOSC ZDJEC

Pod jednym z postów Step by Step zostałam poproszona o wytłumaczenie jak dopasować zdjęcia do posta. Poniżej znajdziecie metodę dzięki której wszystkie obrazki będą miały taką samą szerokość. Niestety nie będziecie mogli wtedy zmieniać ich wielkości w poście (małe, średnie lub duże) tak jak robiliście to wcześniej. Po opublikowaniu wpisu zawsze będą miały tą szerokość jaka jest ustawiona w kodzie.

1. Otwieramy "Szablon".

2. Klikamy na "Edytuj kod HTML".

3. Wyszukujemy część:

/* Posts

----------------------------------------------- */

4. Wyszukujemy fragment kodu:

.post-body img, .post-body .tr-caption-container {

  padding: -5px;

}

5. Poniżej wklejamy fragment kodu:

.post-body img { width:800px; height:auto; }

6. Edytujemy zaznaczoną na niebiesko wartość (jeżeli chcemy aby zdjęcia pasowały do naszego posta, to wpisujemy jego szerokość).

.post-body img { width:800px; height:auto; }

7. Sprawdzamy czy odległość między tytułem, a postem nam odpowiada "Podgląd szablonu".

8. Zapisujemy szablon "Zapisz szablon".