Move the register/login thing above the logo.

[final kaoss]

Hi, I've been wanting to get a cleaner look for the top of the forum and I find this to be ideal. Question is how do you move the register/login part above the banner like that?

[MarkFL]

I went to the site in your signature (first line), and it appears you might get what you want if you include this in your "additional.css" template(s):

#header {
	margin-top: 5em;
}

#toplinks {
	top: -5em !important;
}

[final kaoss]

Hi thanks, that did the trick! How can I add a gradient color behind it?

[MarkFL]

Originally Posted by final kaoss

Hi thanks, that did the trick! How can I add a gradient color behind it?

Do you mean all the way across the top, or just within the box containing the form elements?

[final kaoss]

All the way across.

--------------- Added [DATE]1453492291[/DATE] at [TIME]1453492291[/TIME] ---------------

Also, I added that css to the blackened theme but it affected the mobile friendly blackened theme instead... odd.

It did nothing for the original blackened theme even though I edited it's additional.css

[MarkFL]

Try this:

#header {
	margin-top: 5em;
}

#toplinks {
	top: -5em !important;
	right: 0 !important;
	width: 100%;
	background: linear-gradient(to bottom, #33cc33 0%,#003300 100%);
}

And of course edit the gradient to your liking. I only included the W3C compliant code...I use this site to generate gradient CSS for multi-browser support:

http://www.colorzilla.com/gradient-editor/

[final kaoss]

Pretty cool thank you.

--------------- Added [DATE]1453494149[/DATE] at [TIME]1453494149[/TIME] ---------------

I think the only thing left I need to figure out is the navbar below the logo so they don't get squished when the page resizes.

This stuff...

New PostsPrivate Messages FAQ Calendar Community Forum Actions Quick Links

They kindof overlap each other if you resize your browser.

[MarkFL]

Originally Posted by final kaoss

...Also, I added that css to the blackened theme but it affected the mobile friendly blackened theme instead... odd.

It did nothing for the original blackened theme even though I edited it's additional.css

Sorry, I missed this as it was merged.

When you edit a template, if the child styles' corresponding template has not been edited itself, then it will inherit changes made to the parent.

Odd though, it should have affected both, not just the child.

[final kaoss]

Yeah I can go back and look at both additional.css files and the changes are there for both.

[MarkFL]

Originally Posted by final kaoss

...I think the only thing left I need to figure out is the navbar below the logo so they don't get squished when the page resizes.

This stuff...

New PostsPrivate Messages FAQ Calendar Community Forum Actions Quick Links

I would suggest giving the body element a minimum width...for example:

body {
	min-width: 900px !important;
}