problem with shopping cart

[savgeorg]

hello guys

i have a problem with my shopping cart after i put a picture at the top of my page when i go to my shopping cart instead of opening automatically under the cart is opening at the top of the cart.

i attach a photo to understand what i mean

[razaro]

You need to adjust one line in blockcart.css wich is in /themes/default/css/modules/blockcart2/blockcart.css

#cart_block {
.
.
.
top: 65px;
.
.
.
}

 

So increase 65px by value of height of that banner image.

Or check code and move that image outside and before div element with id="header."

[savgeorg]

ok thanx i will do it

[savgeorg]

i just try it but in /themes/default/css/modules/blockcart2/blockcart.css there is such a file. actually i have only /themes/default/css and nothing else.

i have modules/blockcart/blockcart.css i change it but nothing happen

[tdr170]

It looks as though you are using the standard theme so the file will be ..modules/blockcart.

If you give a link to your shop I can help.

[savgeorg]

www.cloud9.webege.com

yes its there where u said i found it i change it i copy it back to the server but when i open the page and i right click to see if it changed again it gives me 65px

[tdr170]

Here is what you need to change, in the code below I have changed the top:100px to top:340px you can change to your liking.

 

#header #cart_block {

 

z-index: 150;

display:none;

position: absolute;

right: 0;

top: 340px;

height: auto;

width: 200px;

-moz-border-bottom-right-radius: 3px;

-moz-border-bottom-left-radius: 3px;

-webkit-border-bottom-right-radius: 3px;

-webkit-border-bottom-left-radius: 3px;

border-bottom-right-radius: 3px;

border-bottom-left-radius: 3px;

box-shadow: 0 1px 0 #C6C6C6;

background:#eee;

}

 

 

 

Also in the global.css file if you change

#header_logo {

float:left;

display:block;

margin-top:30px; (chnage this to 5 or 0 will remove large space at top)

}

 

You can also need to edit Blocksearch.css, blockpermanentlinks.css, blocklanguages.css, blockuserinfo.css and blockcurrencies.css to position those where you want them.

Edited December 26, 2012 by tdr170 (see edit history)

[savgeorg]

hello my friend. Whatever i change to top nothing happen doesn't move. I try 500px but nothing

Im using mozilla firefox. What i did i change top and i make it 340. I upload to my server. modules/blockcart/blockcart.css but when i refresh my page and i right click on the page and i choose view page source there is still show me top:65px

so the problem is that is not here that i need to change and upload and i don't know where

[BillyHardcore]

You should turn off cache and set it to recompile when you are changing template files.

Do so in Admin -> Preferences

[tdr170]

SAVGEORG:

 

Not sure what you are seeing I just copied this from my Google developer and the 340 is there.

 

#header #cart_block {

z-index: 10;

display:none;

position: absolute;

right: 0;

top: 340px;

height: auto;

width: 200px;

-moz-border-bottom-right-radius: 3px;

-moz-border-bottom-left-radius: 3px;

-webkit-border-bottom-right-radius: 3px;

-webkit-border-bottom-left-radius: 3px;

border-bottom-right-radius: 3px;

border-bottom-left-radius: 3px;

box-shadow: 0 1px 0 #C6C6C6;

background:#eee

}