Column spacing.

[zophiel]

Hi all,

 

A simple question about spacing around the columns.  I am missing something and dont know where to look for the spacing next to the columns.

 

There needs to a bit more of a gap between the left column and the centre on the main page (page1 image)

 

and also between the picture and the description (page 2 image)

 

can someone please give me an idea of where the padding is I need to change.

 

Thank you all.

 

Jon

[vekia]

it's definitely not default behaviour of deafult template in prestashop 1.6

you changed something in css styles?

[zophiel]

Its the default template, as for changes not that I remember.  it was an upgrade from 1.4.8.2 to start with and then lots of work to put it look a bit like it did.

 

The site is www.cestbelle.co.uk

[zophiel]

Anyone Please give me a clue as to which file i need to look in?

[ZinC]

I've played with it in firebug and added "margin-left:20px" to "#page .rte". It worked but I'm not sure if it's the right way to fix your issue. Your layout is a mess. And why are you using headings in your tex "Here at C'est Belle by Mimi  we create.." instead of <p>?

 

Oh, and the file is: themes/default-bootstrap/css/global.css

Edited April 27, 2014 by ZinC (see edit history)

[dioniz]

Try to add this to global.css

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, header .row #header_logo, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

and see if it helps

[zophiel]

I've played with it in firebug and added "margin-left:20px" to "#page .rte". It worked but I'm not sure if it's the right way to fix your issue. Your layout is a mess. And why are you using headings in your tex "Here at C'est Belle by Mimi  we create.." instead of <p>?

 

Oh, and the file is: themes/default-bootstrap/css/global.css

 

I do keep changing it to <p> but it doesn't want to save it.  I am just going to delete the other language files and see if that helps.

 

 

 

Try to add this to global.css

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, header .row #header_logo, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

 

Thanks I will try that next.