Change position cart / logo

[Hawk88]

Hi

 

I have managed to change the position of the logo, but how do i get the cart module down?

 

It was done by modifying the grid_prestashop.css file.

 

I have attached a screenshot.

[tdr170]

First there is no Image, second this is an incorrect way to modify positions, you should edit padding and margins in the global.css file.

For the cart you will want to edit blockuserinfo.css found in theme/default/blockuserinfo/.

[Hawk88]

Sorry the image is now attached.

 

Can you tell me what i need to modify?

[tdr170]

Can you post a link to your site, I will look with a Dev tool and give you the code to change.

[Hawk88]

http://d27108152.u117.surftown.dk/index.php

[tdr170]

Change these section of blockuserinfo.css located ..modules/yourtheme/blockuserinfo

 

 

Change this:

 

#header_right #header_user {

clear:both;

float: right;

margin-top:8px;

}

 

To this:

 

#header_right #header_user {

clear:both;

float: right;

margin-top:45px;

}

 

 

 

 

 

Change this:

#shopping_cart a{

height: 15px;

padding:15px 27px 10px 43px;

background: url('img/icon/cart.gif') no-repeat 10px 9px #eee;

min-width: 130px;/* 200 */

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;display:block}

 

 

To this:

#shopping_cart a{

height: 15px;

padding:15px 0px 10px 43px;

background: url('img/icon/cart.gif') no-repeat 10px 9px #eee;

min-width: 130px;/* 200 */

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;display:block;

margin-right:-15px

}

 

 

 

 

 

 

Change this:

#header_user_info {

clear:both;

float:right;

margin-top:10px;

padding:0;

font-size:12px

}

 

 

To this:

#header_user_info {

clear:both;

float:right;

margin-top:10px;

padding:0;

font-size:12px;

margin-right:10px

}

Edited April 5, 2013 by tdr170 (see edit history)

[Hawk88]

It works!!!

 

Thank you very much.

 

Could you maybe help with one last thing? I need to move "add to basket" etc to the right side. Do you know how?

 

I have attached a screenshot

[tdr170]

For this you will need to edit the product_list.css file located ..themes/yourtheme/css.

Find the two sections below and change their width value to what you like.

 

 

#product_list li .center_block {

float: left;

padding:0 7px;

width: 342px;/* 356 */

border-right:1px dotted #ccc

}

 

 

#product_list li .right_block {

position:relative;

float: left;

width: 145px;

text-align: right

}

[Hawk88]

Thank you again! works perfect.

 

It seems like my cart block have been moved up a little? Do you know why? It havent changed anything? :/

 

http://d27108152.u117.surftown.dk/index.php

[Hawk88]

And one more question.. i think i will be the last

 

I need to adjust the width of this. I have attached screenshot

[tdr170]

Not sure what that is.

[Hawk88]

It is the "my orders overview"

[Doulas Akula]

I think its a div for warnings. Am not sure how it has been done in your theme. But its a general style for warnings div that will show up in every warning. If you could inspect your order.tpl file. You should see either a class or id with warning tag - something like <p class = "warning" ... or <p id = "warning" .. if you see that you can easily increase the width in the style-sheet used in your theme

[tdr170]

And one more question.. i think i will be the last

 

I need to adjust the width of this. I have attached screenshot

 

Edit your global.css and edit at line102 and add this width:955px like below

 

 

.warning {

margin:0 0 10px 0;

padding:10px;

border:1px solid #e6db55;

font-size:13px;

background:#ffffe0;

width:955px

}

 

For the cart go back to the blockuserinfo.css and change the margin-top:45 to 65.

#header_right #header_user {

clear:both;

float: right;

margin-top:65px;

}