Edit space above header

Permalink
Hi all,

Just putting together my first site. Using the default theme; I am trying to reduce the space in the header. I have tried editing a few sections of concrete/themes/default/main.css but it does not seem to make any difference ( to any part of the page). I have tried clearing the cache and even turning it off.

Can anyone poing out where I am going wrong.

Thanks,

 
adajad replied on at Permalink Best Answer Reply
adajad
Hi chuck7777,

Welcome to the community!

There are a lot of information under the "Documentation" link in the header nav. Especially in the how-to section and in the Developers guide.

But for your current problem, lets start with an advice. When you want to edit or modify something in the concrete directory, make a habit of copying everything you want to modify to the equivalent folder _outside_ the concrete directory. That way the core files will stay intact if you need to revert your changes, and you will not loose your changes on an upgrade (since everything in the concrete folder might be overwritten in an upgrade).

Everything you put outside the concrete folder will override the core until you delete it. Lets take your theme problem as an example:

Copy the folder 'webroot/concrete/themes/default' to 'webroot/themes/default'. In the case of themes you can even rename the folder from 'default' to 'chuck_theme'. To easier distinguish your theme in the dashboard you should edit the description.txt file in your themes folder and put 'Chuck Theme' on the first row and give it a description on the second row (only two rows should be in that file).

Now open up 'webroot/themes/chuck_theme/main.css' and edit the following (on row 14) if you want to change the blank space above the header:
#page #headerSpacer{ height:64px }


Change the height to something else, 20px or so. Save the file.

Log into your site and go to Dashboard > Themes (if you can't find it, then type 'themes' in the intelligent search field). A list with available themes will show. Find Chuck Theme in the list and click Activate. You should now have applied your new theme to your site. If you continue do modify your main.css in chuck theme you only need to refresh your browser to see the results. Sometimes, when you think a change should show but it doesn't, you need to clear your site cache. Just type 'Clear cache' in the intelligent search and you will find it.

Now good luck and post back if you have any more questions!

EDIT: I forgot to link you to two new how-tos with some basic information. Since I don't know your level of expertise, it might seem basic but may still be worth something.

How to get better help in the forums:
http://www.concrete5.org/documentation/how-tos/editors/getting-help...

Some basic web stuff:
http://www.concrete5.org/documentation/how-tos/designers/absolute-b...
chuck7777 replied on at Permalink Reply
Hi adajad,

It all worked out well, thanks for the info and the tips on having another copy of the theme. I am pretty new to this so I will go through the docos as you suggested.