SMF Support > SMF 1.1.x Support

Moving the header down

(1/3) > >>

redpoint:
Hey Everyone,
I Was curious if someone could answer a quick question for me. How do I move the header down so it's not blocking my background with my logo on it?

I attached a screenshot to show you what I mean.

Thanks.

Chas Large:
In the CSS for the default theme, find:


--- Code: ---body {
    background-color: #E5E5E8;
    margin: 0;
    padding: 12px 30px 4px;
}
--- End code ---

Change the value of the first padding value "12px" to suit your requirements.

As you use FireFox, you could install the FireBug add-on to inspect the individual elements of the page and then click the padding value in the style column on the right and use the up/down arrow keys to increase/decrease the value to see what the changes look like in real time.

ElPlayer:
firefox includes a built in inspect element feature now i think it was included in the version 11

Chas Large:

--- Quote from: ElPlayer on August 17, 2012, 02:22:44 PM ---firefox includes a built in inspect element feature now i think it was included in the version 11

--- End quote ---
True, but I like the way Firebug has it's console separate at the bottom of the page and it's clearer (to me) than the dark overlay that the FF inspector uses. Just personal choice. I believe IE has one too now but I avoid IE like the plague :D

redpoint:
hmmm, tried that, the heading is bigger now, but it moved everything down...

If you want to take a look at the .css the website is: hxxp:www.redpointclimbing.com/forum/index.php [nonactive]

Navigation

[0] Message Index

[#] Next page