General Layout & Look

[3D Wall]

Hi Guys & Girls

 

I'm very new to PrestaShop so please bare with me, I'm normally used to editing and playing with  OZ-Commerce, Magento & such like carts.

 

I've installed PrestaShop, kept the standard theme and look, which I like for its clean layout, but I'm wanting to tweak a few bits.

 

On the homepage, I'm basically just wanting to reduce the gaps, reduce the footer depth, even it up a little and make some of the text smaller. Is this all done via CSS or within the modules through the backend?

If it all CSS changes I need to make, which CSS files are called on the homepage which I will need to edit. I've attached a picture with arrows showing the places I'd like to reduce a little.

 

Many Thanks

 

Paul

[dioniz]

Hello Paul and welcome to forum

 

It's done via css files. I suggest you to use Developer tools if you use Chrome (F12) or Firebug addon if you use FF to find which css file you need to edit because there are many. Most styles are in yourtheme/css folder and main css file is global.css

[3D Wall]

Many Thanks for the reply Dioniz, I'll have a look at the Chrome tools, never realised it had them to be fair, I will hold my hands up and say I never have a problem with I.E so I've always used it

[dioniz]

You have some developers tools in IE too (F12) but i never use them because i don't use IE

[vekia]

global.css lne 5260

remove paddings

#columns {
position: relative;
padding-bottom: 50px;
padding-top: 15px;
}

margins from:

#index .tab-content {
margin-top: 35px;
margin-bottom: 34px;
}

[3D Wall]

Thank for the reply Veika, had a play last night using Chrome and Dev Tools and got it sorted

 

I'm sure I'll be back for more help when start to change the categories and product layout, but for now this is solved