Not Solved How to reduce header size in "Square" theme?
#1
Not Solved
Hello,

If needed, my forum is here: http://www.marriedandhappy.com/Forum

Upgraded to myBB 1.8...which broke my old theme...so I downloaded / installed the new "Square" theme.

The blue band at the top takes up a LOT of space.

How can I shrink this way, way down?

I tried to access the theme-maker's tech support but the link goes to a dead-end 404 error...so that is why I am asking for help here.

Respect, appreciation, and thanks to all of you who have created and who support myBB.  Very well done!
Reply
#2
Not Solved
in square.css inline 124

height: 200px;
min-width: 1024px
edit whatever u want
Reply
#3
Not Solved
I REALLY appreciate your speedy response...and please bear with me...

Okay...I found square.css in my install here: /MarriedAndHappy/Forum/jscripts/sceditor/editor_themes

But, when I open it up to edit it, I cannot find "200x" nor "min-width" in the file.

???
Reply
#4
Not Solved
Admin CP -> Themes -> Square -> Global.css

Smile
[Image: logo.png]
Reply
#5
Not Solved
Thanks NR...that's easier to get to than trying to edit the actual file.

Now, which "selector" do I use to edit the header height?

I recognize and appreciate that you tech guys and gals are helping and supporting a lot of people. Thanks so much for all you do.

And, I am still looking for help on precisely where I can reduce the height values of the blue-header band that is displayed at the top of the "Square" theme.

Okay, I have found where the pixel setting is located:

Home » Themes » Square » Editing Square.css » Selector(#heading)

By default, the heading is set at 200px.  I want it to be 50px.

Here is how the header looks at 200px (and everything is positioned properly).

[Image: delme200px.JPG]

Here is how it looks at 100px.

[Image: delme100px.JPG]

Here is how it looks at 50px.

[Image: delme50px.JPG]

As you can see on the right-hand side, as I decrease the header downward from 200px, the quick links, the user-welcome, and so on are no longer positioned properly.

So, my question is, what do I need to adjust / fix in order to have a header that is 50px and have everything positioned properly?

Respect and appreciation to all of you who are supporting and helping people like me.
Reply
#6
Not Solved
in ACP >> Themes >> Square >> Global.css make following changes....

1. for #header change the height to 50px -- "height: 50px;"
2. for .menu remove "margin: 75px 0 0 0;"
3. for .menu ul li change height and line-height --- "height: 50px;" "line-height: 25px;"

save it and open your forums and hard refresh (Ctrl+F5) the page
We can't help everyone, but everyone can help someone - Ronald Reagan
Did you know? Your question has already been answered. But you haven't searched it yet.
Don’t  Forget to “Mark as Solved” after the fix
Reply
#7
Not Solved
Moved to Theme Support.
Reply
#8
Not Solved
Awesome!!!

Thanks so much mmadhankumar!

I really appreciate the detail that you provided.

This gave me exactly what I wanted.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)