Ustawienie tytułu posta względem obrazka.
-
Dzień dobry! Szukam porady i bardzo proszę o pomoc. Chciałabym osiągnąć taki efekt, aby tytuł posta wyświetlał się na poziomie stałego odstępu od górnej krawędzi obrazka wyróżniającego posta. Korzystam z custom CSS i właściwie najsensowniejszy efekt jaki mi się udało uzyskać to przesunięcie tytułu na obrazek z pozycji, która jest domyślna w motywie, z którego korzystam (Readable). Sprawdza się to jednak tylko, gdy ustawi się go w pozycji niedalekiej od dolnej krawędzi, bo obrazki mają różne wysokości i wygląda to lepiej lub gorzej w zależności od tego. Z tego powodu chciałam ustawić tytuł od góry, ale dopiero zaczęłam naukę CSS i zwyczajnie nie wiem czy moje jest jakiś sposób aby wyszło to tak jak ja chcę, a jeśli jest to jaki. Póki co w moim custom CSS wygląda to tak, ale jak wspomniałam to rozwiązanie nie jest dla mnie optymalne:
.wp-post-image {
position: relative;
overflow: hidden;
}.wp-post-image h2 {
position: absolute;
}h2 {
font-family: 'Segoe UI’, sans serif;
background-color: white;
opacity: 0.85;
color: black;
shadow: 5px;
text-align: center;
padding-top: 7px;
padding-bottom: 7px;
position: absolute;
bottom: 130%;
right: 1%;
width: 100%;
}
Jeszcze raz proszę o poradę i z góry dziękuję za zaangażowanie w sprawę. PozdrawiamStrona przy której potrzebuję pomocy: [zaloguj się aby zobaczyć ten link]
- Temat ‘Ustawienie tytułu posta względem obrazka.’ jest zamknięty na nowe odpowiedzi.