change header dimension

• 

  andreapestarini · Member · May 23, 2016 at 8:52 am

  • Copy link
  • Add topic to favorites

  Hello, I would like to change all the header heights of the pages of my site (template Maisha) using the same height seated in the header of the full width pages (I supposed the header dimension is 1272 x 500 px). Does someone know which code can I put in the CSS panel of wordpress.com / premium plan? Thanks very much, Anita

  The blog I need help with is: (visible only to logged in users)

• 

  siobhyb · Member · May 23, 2016 at 9:44 am

  • Copy link

  Hi Andrea,

  Can you give the following snippet a try? This CSS will change the height of the header images on the default template so that they matches up to the heights shown on the full width template:

  . page-template-default .cd-fixed-bg {
  min-height: 500px;
  }
  
  @media screen and (max-width: 59.6875em) {
  . page-template-default .cd-fixed-bg {
  min-height: 300px;
  }
  }
  
  @media screen and (max-width: 48.75em) {
  . page-template-default .cd-fixed-bg {
  min-height: 200px;
  }
  }
  
  @media screen and (max-width: 38.75em) {
  . page-template-default .cd-fixed-bg {
  min-height: 150px;
  }
  }

  Let me know how that goes or if any questions come up. :)

• 

  chiccabono · Member · May 23, 2016 at 10:03 am

  • Copy link

  Thank you very much for the help.
  I tried but nothing changed. Here is my site:
  https://andreapestariniit.wordpress.com

• 

  siobhyb · Member · May 23, 2016 at 12:00 pm

  • Copy link

  Sorry about that! We can remove .page-template-default in order to target all pages on your site and also replace any instances of .cd-fixed-bg with .cd-fixed-bg-one.

  .cd-fixed-bg-one {
  min-height: 500px;
  }
  
  @media screen and (max-width: 59.6875em) {
  .cd-fixed-bg-one {
  min-height: 300px;
  }
  }
  
  @media screen and (max-width: 48.75em) {
  .cd-fixed-bg-one {
  min-height: 200px;
  }
  }
  
  @media screen and (max-width: 38.75em) {
  .cd-fixed-bg-one {
  min-height: 150px;
  }
  }

  Let me know how that goes. :)

• 

  chiccabono · Member · May 23, 2016 at 12:43 pm

  • Copy link

  Perfect, it works! ;-)
  many many thanks!

• 

  chiccabono · Member · May 23, 2016 at 12:44 pm

  • Copy link

  Sorry, can I also center the titles that appear over the header?

• 

  siobhyb · Member · May 23, 2016 at 6:36 pm

  • Copy link

  Sure! You can use the following CSS to centre the titles:

  .cd-fixed-bg-one {
      padding: 180px 0;
  }

  Increase or decrease the value of 180px to adjust the alignment of the title.