[solved] Help with color changes and movement blocks

[mumblz]

Hello Im working on my shop and having real trouble with 2 parts. Ill post a link to the site so you can see what Im working on.

 

http://artbymymindse...eshop/index.php

 

My first problem is trying to put a background just behind the main shop part of the page. heres a picture showing the area im talking about. Second problem is also circle as well, where the welcome, currency change and cart are under the search and I cant seem to figure out how to move them. Thanks in advance for any help.

 

Edited April 27, 2013 by vekia (see edit history)

[mumblz]

bump

[Paulito]

Good morning,

 

If you want to put a background colour in the centre part of your shop then in global.css around line 41 you will see this:

 

#page {}

 

#header {z-index:10}

#columns {z-index:1}

#left_column {}

#center_column {background-color: red;}

#right_column {}

#footer {}

 

This will change the centre column colour to red, of course you would be better to use hexidecimal colours #xxxxxx

 

You could use grid_prestashop.css but I think this will probably change the heading colour as well.

 

For the 2nd question I believe you will need to go to modules > positions, to effect changes

 

Hope this helps a little

 

Paul

Edited April 27, 2013 by perfumeskunk (see edit history)

[vekia]

hello @mumblz

let us know if the works for you

regards

[mumblz]

I checked what you told me skunk and you were almost spot on. I had to change the #columns {z-index:1;background:url(../img/whitebg.png);} to get the background around the whole box. But I checked in the modules>positions and don't see anything on moving the welcome, cart, and all that. Any other suggestions?

Edited April 27, 2013 by mumblz (see edit history)

[Paulito]

Looking at your site it seems that your logo is moving the search bar,

 

Your logo is too wide at 568px, this is forcing the search bar down

 

Paul

[mumblz]

Is there a way to move just the search bar down?

[Paulito]

Easy answer, do you need the search bar?

 

But yes their will be a way to solve this question

 

Paul

[Paulito]

sorry, for some reason my chrome dev tool is not working, will keep trying though

 

paul

[PascalVG]

in /modules/blocksearch/blocksearch.css you can change: (line 2)

 

 

 

#search_block_top {

position: absolute;

top: 100px; <-- change 44px into say 100px

left: 0;

}

 

Hope this helps.

pascal

[Paulito]

74px would be good

 

Paul

[mumblz]

that helps so much, paul and pascalvg you are a life savers. That fixed the problem with the search bar, now all I gotta does is move the rest of the page down which I hope wont be to hard to find and then I should be set. Thank you so much for all the help.

Edited April 27, 2013 by mumblz (see edit history)

[PascalVG]

Maybe start here and see if that does the trick for you:

modules/blocktopmenu/css/superfish-modified.css

 

 

 

.sf-menu {

margin: 50px 0; <-- change 10px into 50px

padding: 0;

width: 980px;

background-image: url(../img/gallbg.png);

}

 

give it a try,

pascal

[mumblz]

I love you pascal you are the best. actually if I can ask for one more thing. http://artbymymindseye.com/theshop/index.php If you look at the top menu to looks off I kinda want to move the welcome and cart to the left hand side, Ive tried using the blockcart.css and also tried moving the grid but cant get it to move. is it in the global.css?

[PascalVG]

hmmm, not sure if this works, but give it a try (backup/copy global.css first):

 

 

 

first: (global.css around line 553)

 

#header_right {

position: relative;

width:100%; <-- add this line

float: right; <-- Not needed anymore, as width of block is full width

}

 

then

 

 

 

 

#search_block_top {

position: absolute;

top: 74px;

right: 0px; <--- change to this, N.B. changed to right!!)

}

 

that should do the trick what you asked for.

Pascal

[mumblz]

thanks again pascal, you have helped me so much.

[PascalVG]

No problem, glad I could be of help.

 

Success with your site!

[vekia]

so - the problem is definitely solved, so I marked threadas solved, regards