Wsparcie » Motywy » 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ę. Pozdrawiam

    Strona przy której potrzebuję pomocy: [zaloguj się aby zobaczyć ten link]

Viewing 1 replies (of 1 total)
  • Samymi stylami może być ciężko.
    Najlepiej (oczywiście korzystając z motywu potomnego) wyedytować sobie odpowiedni plik szablonu i przenieść tytuł w odpowiednie miejsce. Potem tylko stylami dopieścić.

Viewing 1 replies (of 1 total)
  • Temat ‘Ustawienie tytułu posta względem obrazka.’ jest zamknięty na nowe odpowiedzi.