Home Page [SOLVED]

[andilong]

Hello,

 

I am just starting to tinker with my prestashop and i was looking to have an almost google style homepage with just my company logo and a search box, along with the footer with a few essential links.

 

i have used the home text editor to add the content of my image and a copy of the code for the search box at the top of the page, however when i save and preview the home page the image is centred but i cannot get the search box centered ?

 

i have tried various align : options within the <div> but whatever i try it just stays aligned left can anyone help ?

 

The address to view the homepage is www.reviewwed.com

 

Thanks in advance

Edited March 4, 2015 by andilong (see edit history)

[mickeyboy1]

site is in maintenance mode

[NemoPS]

You shouldn't use a copy/paste of the module really, would be better to just hook it to displayHome (but you need to know php)
 

[andilong]

OK sorry, now i have taken out of maintenance mode :-)

 

I have default theme, i figured copy and paste module contents would not work, so now i have removed my home page HTML box content but i still have a top  bar with my logo aligned left and my search box left.

 

What i am trying to achieve is a large central logo, with simply the search function of the top search block underneath, both centered to the page and the footer still available?

 

Would this be easier to do by adding some space above the top bar ? and to the left ? to bring everything central but on the index page only ? possible with global.css modification ?

 

Thanks again for the help so far

[mickeyboy1]

In themes/default-bootstrap/css/global.css around line 5515 you will find this code

header .row #header_logo {
      padding-top: 15px; } 

Change this to 

header .row #header_logo {
      padding-top: 15px; 
      margin-left: 350px;}

Then goto themes/default-bootstrap/css/modules/blocksearch/blocksearch.css and around line 1 you will find 

#search_block_top {
  padding-top: 50px; }

Change this to 

#search_block_top {
  padding-top: 50px; 
  margin-left: 350px;}

You can adjust to suit your needs but you get the idea...

 

To bring them both down to the centre of the page then adjust this figure

header .row #header_logo {
padding-top: 15px; }  

 

in global.css

[andilong]

That's great and exactly what i am looking to achieve, except this continues on to all other pages too :-( i was wanting to only achieve this on the home page (index) but return to the original formatting on the product pages.

 

Thanks so far for your help !

[NemoPS]

Just prefix all of those rules with #index then

[andilong]

And This is why i love Prestashop ! perfect thanks so much !