[solved] 1.5.4.1 Search Box Displaying Below Logo

[wakeforce139]

I changed the default theme a bit - mostly just made it 2 column home page instead of the 3. Once I changed the <div id="header_right" class="grid_9 omega"> the search box moved under my logo. I tried some of the suggestions in the other threads to change the blocksearch search_block_top but it didn't have any impact.

Edited August 9, 2013 by vekia (see edit history)

[vekia]

to the #header_logo add position:absolute;

then to #search_block_top add left:300px;

that's all

 

 

effect:

[wakeforce139]

Thanks Vekia - I am failing apparently. I can't get the search box to obey the CSS rules I am setting in blocksearch.css, FTP path is domain/themes/MyTheme

 

Here is what I have (I tried changing the position value to relative too)

 

/* block top search */

#search_block_top {

position:absolute;

top: 30px;

left: 300px;

}

 

If it helps - It looks like I have set <div id="header_right" class="grid_9 omega"> and my header is <div id="header" class="grid_9 alpha omega"> ... my logo is set in the header and everything else is pulling in header_right I think.

 

Anyway that full header.tpl code reads:

<!-- Header -->
  <div id="header" class="grid_9 alpha omega">
   <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
 <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
   </a>
   <div id="header_right" class="grid_9 omega">
 {$HOOK_TOP}
   </div>
  </div>
  <div id="columns" class="grid_9 alpha omega clearfix">
   <!-- Left -->
   <div id="left_column" class="column grid_2 alpha">
 {$HOOK_LEFT_COLUMN}
   </div>    <!-- Center -->
   <div id="center_column" class=" grid_5">
{/if}

[wakeforce139]

Ok sorry for the false alarm, I have fixed it.

 

For anyone wondering here is how:

 

access cleantheme.css by navigating here /themes/MyTheme/css and then you just change line 11

#search_block_top{left:300px;position:absolute;top:21px;}

 

Many thanks again vekia!

Edited August 9, 2013 by wakeforce139 (see edit history)

[vekia]

hello

 

thanks for information

glad that i could help you in this case

im going to mark this topic as [solved]

 

best regards