Quick search block positioning

[sootski]

Hi, I am running 1.5.5 and have an issue with my quick search block. It is positioned right in the middle of my header and I cant move it.

 

www.shop4utax.co.uk

 

Can anyone tell me how I can make it behave?

[sootski]

Vekia I know you can fix this?

Edited September 11, 2013 by sootski (see edit history)

[vekia]

hello

 

this is how it looks right now:

 

where you want to move it?

can you shed some light on this please?

[mfedorets]

Hi,

in your all.css you can vary values of right and top attributes of #search_block_top to change it position

#search_block_top {
    position: absolute;
    right: 26%;
    top: 34px;
}

[sootski]

hello

 

this is how it looks right now:

 

where you want to move it?

can you shed some light on this please?

Vekia my preference would be below the header in the centre, in line with the categories and top seller headers. Failing that anywhere where it is easy to find and doesnt obstruct anything else.

[sootski]

 

Hi,

in your all.css you can vary values of right and top attributes of #search_block_top to change it position

#search_block_top {
    position: absolute;
    right: 26%;
    top: 34px;
}

Hi, thanks for your reply, my concern is that I do more damage as I don't know how moving that will effect everything else.  I am prone to to making things work if I don't ask for help

[vekia]

something like this: (?)

 

[sootski]

something like this: (?)

 

Just like that yes

[vekia]

okay so you need to change two things

 

here it is solution:

 

1) styles for search block, exactly as Maria suggested:

#search_block_top {
position: absolute;
right: 300px;
top: 149px;
}

2) styles for center column:

#center_column {
padding-top:20px;
}

[sootski]

Ok, have looked for my all.css file. I have several in cache and query locations but only install.css as files.

 

Where should I be looking for this file? I am assuming on my hosting server and not through the back office function?

[vekia]

1) first step

/modules/blocksearch/blocksearch.css

 

2) second step

themes/YOUR_THEME/css/global.css

 

 

i've noticed that you use CCC for css files. in this case - after changes - you need to recompile theme.

open: adv. parameters > performance

turn ON force compile there

turn OFF cache

turn OFF CCC for all files

 

reload front office

 

then turn OFF force compile

turn ON cache

turn ON CCC

[sootski]

Ok found the first one, struggling to find the right part in global.css

 

I have found

 

.hide-left-column #left_column {display:none}

.hide-left-column #center_column {width:757px}

 

/* text **************************************************************************************** */

p {padding-bottom:20px}

 

p em {font-style:italic}

 

 

and

 

#pagenotfound #center_column {width:940px;}

 

 

and

 

struture

************************************************************************************************ */

#page {}

#header {z-index:10}

#columns {z-index:1}

#left_column {}

#center_column {}

#right_column {}

#footer {}

 

 

Is it one of those?

[vekia]

struture

************************************************************************************************ */

#page {}

#header {z-index:10}

#columns {z-index:1}

#left_column {}

#center_column {}

#right_column {}

#footer {}

[sootski]

Ok nearly there, it is 98% better than before which is great but it still obscures a few objects as you navigate through

[sootski]

Actually I think its just my browser being awkward, its fine in chrome.

 

Vekia, thank you.

 

Maria, thank you too.

[MToscan]

How do you actually remove that search box? Can't find information on how to disable it anywhere.
Besides, I am using the quick search module on the right menu so I don't want to disable the module, just use it on the right column instead of having it there.

http://www.tentacula.org/nuclear.winter/shop/

Edited September 15, 2013 by MToscan (see edit history)

[mfedorets]

How do you actually remove that search box? Can't find information on how to disable it anywhere.

Besides, I am using the quick search module on the right menu so I don't want to disable the module, just use it on the right column instead of having it there.

http://www.tentacula.org/nuclear.winter/shop/

 

Open Modules > Positions and remove Quick Search module from "Top of pages".

[MToscan]

Doh!