Jak w prosty sposób zmienić wygląd podpisu do zdjęć

piątek, 1 grudnia 2017

Jak pewnie wiecie, do naszego zdjęcia we wpisie można dodać podpis za pomocą opcji "dodaj podpis" po kliknięciu na zdjęciu. Wszyscy wiemy jak wygląda taki podpis na Bloggerze - nie należy on do elementów, które są wizualne ładne, miała to być opcja, która ułatwia po prostu życie, ale nie wygląda w żaden sposób. Co powiecie na to, aby i ten element był ładny, a nie tylko użyteczny? Przedstawię Wam teraz prostą instrukcję, jak nasz podpis do zdjęcia szybko poprawić :)

Na początek przypomnijmy sobie jak wygląda nasz podpis przed zmianą:

Teraz, będziemy to zmieniać. Przechodzimy do motyw - dostosuj - zaawansowane - dodaj arkusz CSS

Zapamiętaj!

Jeśli kod CSS nam nie zadziała, spróbuj przerzucić go na sam początek, nad innymi dodanymi kodami w arkuszu

Styl 1

Wklejamy kod:

.post-body .tr-caption-container { position: relative; margin-bottom: 0; padding: 0; } .post-body .tr-caption-container .tr-caption { position: absolute; bottom: 0; left: 0; padding: 10px 15px; background: #fff; font-size: 12px; }

Styl 2

.post-body .tr-caption-container { position: relative; margin-bottom: 0; padding: 0; } .post-body .tr-caption-container .tr-caption { position: absolute; bottom: 0; left: 0; padding: 10px 205px; background: #fff; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; }

Jeśli spodobał Ci się wpis, przekaż go dalej :)