1. mindreader
  2. Sherlock Holmes
  3. Commercial Templates
  4. Sunday, 18 August 2019
  5.  Subscribe via email
Hi Ciaran,

can you please explain,how the BOSS- template displays the header background image in the frontend, dependig on full screen switch.
The image width corresponds to Template Width, but the image hight I want to control.

Thank You

Thomas
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Thomas

Once enabled the Header Full Screen option extends the header area to the full height of the browser viewport. The image background-size property is set to cover which means it will be set to the min size to fill the header area. If you always wish to display the entire height of the image you can sue the following custom CSS. Note that this may cause blank space horizontally.

#container_header {
background-size: auto 100% !important;
}


If you wish to set a specific height to the header area you can add the following to the Custom CSS field of your template settings...

Edit to taste

#container_header {
max-height: 600px;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
:D
thx
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!