Hi I am hoping the make the archive headers images only 150px high. But the element has a height of 350px. How can I reset the height of the element at the top of the archive pages.
Also would like to know how to change the colour and tint of the overlay on these image headers.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hi I am hoping the make the archive headers images only 150px high. But the element has a height of 350px. How can I reset the height of the element at the top of the archive pages.
Also would like to know how to change the colour and tint of the overlay on these image headers.
Kindly Share a preview to this so that I can advise
Themenectar Support Team
Also Not only would I like to change the height but I would dearly love to have different header images for different categories...
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.archive div#page-header-wrap,.archive div#page-header-bg { max-height: 150px !important; } .archive #page-header-bg .span_6 { top: 3.5em !important; }Thanks
ThemeNectar Support Team
Great. that made the height of the header different.
Now for my other 2 questions:
Is there a way to specify different archive header images for different categories?
Is there a way to edit the overlay colour or opacity
Hey Again,
You have to use these options : http://prntscr.com/mrstbz .
Best
ThemeNectar Support Team