Witam,

Mam nadzieje że wszyscy mnie poprawnie zrozumieją. Tekst który wyświetla się w przykładzie powinien znajdować się na środku zdjęcia. Niestety mam problem z wykonaniem tego. Generalnie korzystałem z CSS Bootstrap ale z przedrostkiem fw (fw-row) spotykam się pierwszy raz... Strona ta jest podstawiona na wordpress. Dodałem tylko część kodu gdzie występuje błąd. W jaki sposób można wycentrować ten tekst? Myślałem że strona korzysta z takiego css: http://manual.unyson.io/en/latest/helpers/css.html ale niestety nie ma funkcji wszystkich np. fw-center-block. Może ktoś ma pomysł jak to zrobić? w css dodałem taki plik jak frontend-grid.css. Niestety nie wiem co to za template nie mogę jej znaleźć

https://jsfiddle.net/7v9udu7n/

dzięki @trueblue, przy nadaniu stałego height również udało mi się to wykonać. Chodzi mi o to aby było zastosowane min-height: 100%. Nie mogę nadać stałej wartości np. 50 px;. Ponieważ istnieją różne wielkości.

Teraz zauważyłem, że to klasa, a nie id.
A jeśli chodzi o wysokość:

Nie działa

https://jsfiddle.net/7v9udu7n/2/


Ciekawi mnie twój zapis dlaczego height: 1px? Co daje takie ułożenie ?

Nie działa, bo wstawiłeś tylko zmieniony fragment, a nie całość.

height:1px przy min-height:100%, daje to, że element "łapie" faktyczną wysokość w px.

https://jsfiddle.net/7v9udu7n/3/ nie ten link... wydaje mi się że wszystko dodałem

Dla html, body, .fw-container oraz .fw-row trzeba ustawić height:100%

Teraz widzę, że Ty chcesz ustawić tekst względem zdjęcia, a nie kontenera, w którym się znajduje.

Poprzednie zmiany wycofaj.

Dla: .fw-col-sm-8 oraz .fw-col-sm-4 musisz ustawić:


Między obydwoma divami nie może być białych znaków, ten drugi musi zaczynać się zaraz za zamknięciem pierwszego.

Być może to nie będzie Cię satysfakcjonować, ale w innym przypadku byłaby potrzebna przebudowa struktury.