Displaying the center of header image instead of top

  • Author
  • #71803
    Peter van Cooten
    Power User

    I am currently staging the Fluida theme to replace the Mantra theme. In Fluida, the post header image is displayed from the top. I would like to display it from the center of the image.
    If you compare the page on the Fluida staging site

    Various Compilations

    with the one on the Mantra site

    Various Compilations

    You will immediately see what I mean.

    Can anyone tell me what CSS to use to apply this?
    Thanks in advance

    Website: www.ambientblog.net/blog/stg_31b9b

    Peter van Cooten
    Power User

    For those interested: I solved the problem with this CSS:

    #header-image-main-inside {
      display: -webkit-flex; /* Safari */
      -webkit-align-items: center; /* Safari 7.0+ */
      display: flex;
      align-items: center;

    Website: www.ambientblog.net/blog/stg_31b9b

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Displaying the center of header image instead of top’ is closed to new replies.