Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 22, 2022 at 7:07 pm #311246
    Rebecca Keogh
    Member

    Hi There,

     

    I am wondering why the display characteristics for the home page and the other pages is different. The home pages appears to “pin” the background image as a larger picture while the other pages resize in a completely different ways – it there a was to make the other pages behave like the home page ?  I want the visual to remain consistent over the site.

    Thank you.

     

    Rebecca

    September 22, 2022 at 10:14 pm #311251
    Sakin
    Keymaster

    Hi Rebecca,

    I am a little confused. Are you talking about the Header Image? If so, then you can add the following CSS in “Appearance => Customize => Additional CSS” box:

    .has-header-image .custom-header-media,
.has-header-video .custom-header-media,
.has-header-text .custom-header-media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: center;
  -ms-flex-pack: end;
  justify-content: center;
  height: 100%;
  height: 100vh;
  width: 100%; 
}

    Regards,
    Sakin

    September 23, 2022 at 2:13 am #311268
    Rebecca Keogh
    Member

    Hi Sakin,

     

    That has done exactly what we wanted – thank you so much!

     

    Rebecca

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Making All Pages Looking like Home Page’ is closed to new replies.