[SOLVED] Changes in prestashop default themes

[kenkokafe]

Hi, decided to change small things in the default theme.

 

-I like to move the logo in the midle of the header and make it bigger (perhaps change it as a headder background image if thats possible and easy)

-Change the search bar to the places where can be seen on the picture added

-And increase/Darken the left menu fonts.

 

 

thanks

kenko

 

im using 1,5,6,0, website is life on decobal.com

changed some things in global.css, blocktopmenu and blockreissurance as you can see.

 

 

[vekia]

to move logo you can change its position with css styles.

global.css file line 547

there is a code like:
 

#header_logo {
position: absolute;
left: 0;
top: 30px;
z-index: 1;
}

increase left param, you can use for example 400px; so your logo will be moved to the right.

[kenkokafe]

Thanks for the info!

trying it out ASAP, but thinoking, what will happen with the search bar? as the logo will be on the top of it, isnt it?

 

regards

[vekia]

to move search bar you have go to modules > positions and search for "displayTop" (Not displayHeader!) modules list,

then move search bar to the bottom of the list.

[kenkokafe]

no luck with the search engine. I tried to run live edit too and i cant see how to move it.

logo was moved fine thanks very much

[kenkokafe]

what about this:

 

#search_block_top {
    position:absolute;
    right: 200px ;
    top: 70px;

}

 

in the blocksearch.css? it does change it to where i want but not sure if there would be an issue?

thx

[kenkokafe]

I'd say that this is just about to be solved just need to know

 

-increase/Darken the left menu fonts. (as per picture attached earlier)

 

decobal.com

 

to see the changes. regards

[vekia]

no luck with the search engine. I tried to run live edit too and i cant see how to move it.

logo was moved fine thanks very much

[kenkokafe]

sorry for the silly question, but did you say the search bar? thats the user info

 

i managed to do some changes that i dont dislike so i am happy so far, many thanks any way.

 

trying to figuere out the font size and darkness.

 

regards

 

ps: I like the home slider module from your website.

[nahlik]

To change the font size and color in the left menu go to /themes/<mytheme>/global.css, line numer about 1960 and modify or add lines in red below:

/*************** Block CATEGORIES ***************/
#categories_block_left  li {border-bottom:1px dotted #ccc}
 #categories_block_left  li.last { border:none;}
  #categories_block_left  li a {
   display:block;
   padding:7px 11px 5px 22px;
   
   font-size: 13px;
   font-weight: bold;

   color:#333;
   

background:url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent
  }

[kenkokafe]

thnks i changed it also in manufactors, supliers, etc etc and all looks as i want, will get into the live version soon

 

I could say this is solved xD

 

thnks all

 

kenko

 

check changes in decobal.com and tomorrow in spanishfinewine.co.uk

[vekia]

thank you for confirmation

thread marked as [solved]

 

with regards,

Milos