header

[seow]

hi

my website :

http://www.studenthardware.nl/index.php

 

has to much space between the logo and the home-bar thingy. how can i close the gap between these two? i want the shopping cart to move up a bit aswell.

the top menu has too much space between it aswell.

 

Any tips? i need to do this in global .css right? but where?

[osdznr14mm]

Hi seow,

 

It really helps to use either Chrome or Firefox to locate the css that's giving you problems. If you right click on the problem element and select "inspect element" in Chrome, it opens up a code window on the bottom and on the right, it shows you which css file to change and what line number the style is on.

 

I took a look at your page and it seems that the extra space is caused by the Winkelwagen div. As shown in the screenshot attached, the div.col-sm-4.clearfix which contains the Winkelwagen is too wide to fit next to the div#header_logo so it is falling under it, causing the extra space.

 

You need to make the .col-sm-4 narrower, but I think that style is shared by a lot of other elements so you probably should write a new style that is unique to that certain div. Try adding this style to the global.css:

 

div.col-sm-4.clearfix {

width: 300px;

}

 

Hopefully that will only affect the Winkelwagen div. That will make it slide up right under the search box. Then you can add bottom padding to the search box and other elements to make it look good.

 

Hope this helps.

Edited October 2, 2014 by osdznr14mm (see edit history)

[seow]

 

Hi seow,

 

It really helps to use either Chrome or Firefox to locate the css that's giving you problems. If you right click on the problem element and select "inspect element" in Chrome, it opens up a code window on the bottom and on the right, it shows you which css file to change and what line number the style is on.

 

I took a look at your page and it seems that the extra space is caused by the Winkelwagen div. As shown in the screenshot attached, the div.col-sm-4.clearfix which contains the Winkelwagen is too wide to fit next to the div#header_logo so it is falling under it, causing the extra space.

 

You need to make the .col-sm-4 narrower, but I think that style is shared by a lot of other elements so you probably should write a new style that is unique to that certain div. Try adding this style to the global.css:

 

div.col-sm-4.clearfix {

width: 300px;

}

 

Hopefully that will only affect the Winkelwagen div. That will make it slide up right under the search box. Then you can add bottom padding to the search box and other elements to make it look good.

 

Hope this helps.

 

thanks but i cant find the lines in my themes / theme / css / global.css file..

im using the blackhawk theme.. could that be why i cant find it?

[osdznr14mm]

Hi seow,

 

You should find it at themes/blackhawk3.0/css/global.css.

 

Are you looking at it in Chrome? When you inspect element, in the bottom right column where it shows the css and css file, that's a link to the css file. If you hover over it, it shows you the exact url. You've turned on caching now so that it's using the cached css file and you can't see what the original file was. It'd be easier to troubleshoot if you turn off caching while you are in the developing stage.