+- WallBB Forums (https://wallbb.co.uk/forums)
+-- Forum: Theme Section (https://wallbb.co.uk/forums/forumdisplay.php?fid=5)
+--- Forum: Theme Support (https://wallbb.co.uk/forums/forumdisplay.php?fid=10)
+--- Thread: how do i change the height of this header ? (/showthread.php?tid=75)
how do i change the height of this header ? - Rikoyudiansyah1 - 02-22-2018
I want to change the height of this header because I think the header is too high.
then how to change the color of the header?
thanks.
RE: how do i change the height of this header ? - WallBB - 02-22-2018
Can be done with css edit, I want to know do you also wish to remove the scrolling effect in the header ?
I can share code once you tell me above answer as the code will vary in both cases
RE: how do i change the height of this header ? - Rikoyudiansyah1 - 02-23-2018
(02-22-2018, 12:49 PM)WallBB Wrote: Can be done with css edit, I want to know do you also wish to remove the scrolling effect in the header ?
I can share code once you tell me above answer as the code will vary in both cases
no, let the scroll effect run.
I just want to change the height of header like in screenshoot.
RE: how do i change the height of this header ? - WallBB - 02-23-2018
Go to global.css in Theme and Templates> Focus Theme
And add this code at the bottom of the css file
Code:
#container {
padding-top: 100px;4
}
.header {
height: 100px;
line-height: 100px;
}Change 100px to your liking
Make sure you have switched on development mode if you are using cloudfare else it is not required.
Regards
WallBB
RE: how do i change the height of this header ? - Rikoyudiansyah1 - 02-23-2018
Thanks sir
This work..
RE: how do i change the height of this header ? - WallBB - 02-23-2018
(02-23-2018, 04:07 PM)Rikoyudiansyah1 Wrote: Thanks sir
This work..
Cheers