Header, Borders, Text Size and Buttons.

Hi everyone, I need your help possibly with a few codes

So I am basically running this page: http://enadia.forumotion.com/

And I have some issues with the header height, the buttons size, category background size and borders and overall text size.

So I want to change a bit the height of my header, I think its too big and not needed.

Some buttons like the ones that say something like "This thread is locked, go back etc" are wayyy too big as well. I need a code to decrease those kinds of buttons.

The categories that hold all those forums, need to be decreased in height as well and some borders need to define a bit the forum from the last poster.

Also, I want to increase the Title text of my categories and decrease the size of it in my forums.

Thanks in advance.

First of all I would like to be the first to welcome you to the English support forum

Header:

ACP >> Display tab >>  Pictures and Colors >> Colors >> CSS Stylesheet tab >>

Find:

Code:

.headerbar {
    background-color: #1D262C;
    background-image: url(https://secure.meetupstatic.com/photos/theme_body/5/6/6/a/preview_7342122.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

if its not there then add it to the top of the page and then save

now you need to change the size of this part of the code

Code:

height: 350px;

I would say it's better to have it this size but have a play with the size and pick what you like best.

Code:

height: 285px;

Now with the code i gave you your text in that part will move up and look funny so it have made this code to move it back down a little.

Add this under the one after the one i have just gave.

Code:

#site-desc {
    text-align: left;
    padding-top: 20px;
}

To move the text up or down just change this part

Code:

padding-top: 20px;

that should fix your header problem

as for the rest im not 100% sure so can you take screen shots of the parts you want changed and the font size will be good for each part.

Regards.

APE.

Hey APE!

I tried your code out but it doesnt seem to be changing the Headers height at all. Maybe I should be checking the </> templates section?

put !important at the end of the codes


like this:

Code:

.headerbar {
    background-color: #1D262C;
    background-image: url(https://secure.meetupstatic.com/photos/theme_body/5/6/6/a/preview_7342122.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 252px !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

Code:

#site-desc {
    font-size: 14px;
    margin-top: 35px !important;
}

and put it at the top of your CSS files
if that don't work try and add it to the bottom of the CSS fimes

Should look like this

Yayy it worked now, thanks man <3

Just a heads up on any codes you use

If the codes don't work when gave always add the !important rule to it then it will override any older CSS files already added by Default.
With the new ModernBB forums the codes are already added to the SCC files our end and they are set already so you have to tell the default ones to stop working and your ones take their place so thats when the !important rule comes in it's place.

---

Now for the icons here

Code:

.forabg .header i {
    display: inline-block;
    font-size: 16px !important;
}

---

for this part it's

Code:

.table-title, .table-title h2, ul.topiclist dd.dterm h2, ul.topiclist dt h2 {
    display: inline;
    font-size: 14px;
    font-weight: 300;
    line-height: 15px;
}

---

for this it's

Code:

.btn-collapse i {
    color: #FFF;
    font-size: 15px !important;
    margin: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
}

as for the buttons i can't really help you as i can't see the buttons without making a account and the category background problem well i am not sure about that as i not found the CSS files for this on my tools.

Hey man thanks, my problem is quite the fact that I wanna add a bit of a bordering order in the forums