Hi,
3) to make the very top disappear please add this
#shop_header {
display: none;
}
the code below will give some padding to your search form so its not touching the top and right corners (up to you)
.search-form-header {
padding: 10px 10px;
}
The code below fixes the Swedish flag half hidden
#top #socket .social_bookmarks {
top: -2px;
}
2) for styling the menu, please try the codes below, I used 3 colors and you can see what block changes what color ***You need to add all three blocks since some control the underline, others the menu item in various positions.
#top .main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a
{
color: red;
}
div .main_menu ul:first-child > li.current-menu-item > a, div .main_menu ul:first-child > li.current_page_item > a
{
border-color: blue;
}
.main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a, #top #wrap_all .current_page_item > a
{
border-color: green;
}
4. Right now you home page has: Headers and the main text are Maco font, Main navigation is in Olbitron which doesn't work for me and instead serif is shown, then there is Helvetica that is shown instead of Helvetica Neue, And the 2 columns of links above the footer , the left column is in Georgia and the right one is in Helvetica.
You need to start using Firebug, and the custom.css file is empty so I am not sure what you are worried about breaking. Add the code to Quick CSS and see what happens, then take it out.
[example]
Watch a 20min video on using CSS from youtube , there are many of them, but spend a full day figuring it out, its easy with Google Developer Tools and once you understand it , you will laugh at how easy it is.
<div class="a123"><p class="b23423">Hello world!"</p></div>
the line above is html and you use the css to style it. The div you would use for positioning the paragraph for example, and the paragraph to style the font, color, rollover ... so the css below
.a123 {
display: inline-block;
position: relative:
top: 40px;
left: 10px;
}
the paragraph text is inside the div so you can references it directly if its used in one place .b23423 but you can also reference it by its parent tag (which is the div)
.a123 .b23423 {
font-size: .9em;
color: blue:
}
Nick