Jump to content
  • 0
kcyshoes

Supprimer le colonne de droite

Question

Bonjour,

 

Mon site se présente de la façon suivante:

- Colonne de gauche: Panier, catégorie, etc ....

- Colonne du milieu: Produits phares.

- Colonne de droite: Je l'ai enlevé, donc il n'y a plus rien

 

Je voudrai élargir le colonne du milieu pour qu'elle prenne la place de celle de droite, et me retrouver avec 2 colonne, une a gauche et une autre qui prendra tous le reste de la page.

 

Dois-je modifier le fichier Homefeatured ?? si oui que dois-je supprimer?

 

Merci pour vos réponses

Share this post


Link to post
Share on other sites

12 answers to this question

Recommended Posts

  • 0

Sur le fichier global.css, je ne trouve pas la bonne ligne que je dois modifier apres avoir fait plein de test biensur.

 

En fait, j'aimerai tous simplement supprimer la colonne de droite sur tout le site.

 

Merci

Share this post


Link to post
Share on other sites
  • 0

Il faut modifier le width dans global.css

 

#center_column (line 238)

{

width: 556px;

margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 30px;

margin-left: 0pt;

overflow-x: hidden;

overflow-y: hidden;

}

Share this post


Link to post
Share on other sites
  • 0

/*

PrestaShop CSS

18 used colors:

10 grays: #374853 #595a5e #5d717e #76839b #888 #bdc2c9 #d0d1d5 #d0d3d8 #e5e6e7 #f1f2f4

4 fushias: #f6dce8 #000 #971d58 #5d0630

2 yellows: #f8e1a0 #f9e400

1 green: #488c40

1 red: #da0f00

*/

 

* {padding:0;margin:0;vertical-align:top;}

 

/* Useful */

.align_center { text-align: center }

.align_right { text-align: right }

.middle { vertical-align: middle }

.align_justify { text-align: justify }

.uppercase { text-transform: uppercase }

.hidden, .collapsed, .block_hidden_only_for_screen { display: none }

.wrap { white-space: normal }

.bold { font-weight: bold }

.strike { text-decoration: line-through }

.italic { font-style: italic }

.top { vertical-align: top }

.span_link { cursor: pointer }

.span_link:hover { text-decoration: underline }

.clear { clear: both }

br.clear {

clear: both;

line-height: 0;

font-size: 0;

height: 0

}

noscript ul {list-style-type: none; background: black; color: white; padding: 10px; border: 1px solid gray }

/* new clearfix */

.clearfix:after {

clear: both;

display: block;

height: 0;

font-size: 0;

visibility: hidden;

content: ".";

}

* html .clearfix { zoom: 1 }

*:first-child+html .clearfix { zoom: 1 }

 

/* Footer links */

ul.footer_links {list-style-type: none;clear: both;height: 2em; margin-top: 2em;font-size:14px;}

ul.footer_links li {

float: left;

margin-right: 2em;

height: 2em

}

ul.footer_links li a { text-decoration: none }

ul.footer_links li a:hover { color: black }

ul.footer_links li img.icon { vertical-align: -2px }

 

/* transfert effect*/

.transferProduct { border: 2px solid #888 }

 

/* simple list inline */

ul.inline_list { list-style-type: none; margin-top: 1em }

ul.inline_list li { float: left; text-align: center }

ul.inline_list li img { display: block }

ul.half {

width: 45%;

margin-right: 1em;

float: left

}

 

 

 

/* global style */

a {color:#707070;text-decoration:underline;outline:none;}

 

a:hover { text-decoration: none }

 

.input:focus { outline: 0 }

a img {

outline: none;

border: none;

text-decoration: none

}

h2 {padding:20px 0 0 0;font:bold 20px "Times New Roman";color:#303030;text-transform:uppercase;}

 

h2 span {margin-left:32px;font:normal 14px "Times New Roman";color:#707070;text-transform:none;vertical-align:baseline;}

 

h3 {font-size:14px;margin:1em 0;color:#707070;}

 

h4 {font-size:1em;padding-top:7px;}

 

 

 

/* global RTE fields */

div.rte,

.mceContentBody {

text-align: left;

background: white;

color: black

}

body.mceContentBody {

margin: 9px 6px;

width: 556px

}

div.rte html, div.rte div, div.rte span, div.rte applet, div.rte object, div.rte iframe, div.rte h1, div.rte h2, div.rte h3, div.rte h4, div.rte h5, div.rte h6, div.rte p, div.rte blockquote, div.rte pre, div.rte a, div.rte abbr, div.rte acronym, div.rte address, div.rte big, div.rte cite, div.rte code, div.rte del, div.rte dfn, div.rte em, div.rte font, div.rte img, div.rte ins, div.rte kbd, div.rte q, div.rte s, div.rte samp, div.rte small, div.rte strike, div.rte strong, div.rte sub, div.rte sup, div.rte tt, div.rte var, div.rte dl, div.rte dt, div.rte dd, div.rte ol, div.rte ul, div.rte li, div.rte fieldset, div.rte form, div.rte label, div.rte legend, div.rte table, div.rte caption, div.rte tbody, div.rte tfoot, div.rte thead, div.rte tr, div.rte th, div.rte td,

.mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceContentBody iframe, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p, .mceContentBody blockquote, .mceContentBody pre, .mceContentBody a, .mceContentBody abbr, .mceContentBody acronym, .mceContentBody address, .mceContentBody big, .mceContentBody cite, .mceContentBody code, .mceContentBody del, .mceContentBody dfn, .mceContentBody em, .mceContentBody font, .mceContentBody img, .mceContentBody ins, .mceContentBody kbd, .mceContentBody q, .mceContentBody s, .mceContentBody samp, .mceContentBody small, .mceContentBody strike, .mceContentBody strong, .mceContentBody sub, .mceContentBody sup, .mceContentBody tt, .mceContentBody var, .mceContentBody dl, .mceContentBody dt, .mceContentBody dd, .mceContentBody ol, .mceContentBody ul, .mceContentBody li, .mceContentBody fieldset, .mceContentBody form, .mceContentBody label, .mceContentBody legend, .mceContentBody table, .mceContentBody caption, .mceContentBody tbody, .mceContentBody tfoot, .mceContentBody thead, .mceContentBody tr, .mceContentBody th, .mceContentBody td {

margin: 0;

padding: 0;

border: 0;

outline: 0;

font-weight: inherit;

font-style: inherit;

font-size: 100%;

font-family: inherit;

vertical-align: baseline

}

div.rte h1, div.rte h2, div.rte h3, div.rte h4, div.rte h5, div.rte h6,

.mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6 {

margin: 0.75em 0 0.3em 0;

color: #374853

}

div.rte h1,

.mceContentBody h1 {

font-size: 25px;

font-weight: bold

}

div.rte h2,

.mceContentBody h2 {

font-size: 20px;

background: none;

text-transform: none;

height: auto

}

div.rte h3, .mceContentBody h3 { font-size: 16px }

div.rte h4, .mceContentBody h4 { font-size: 14px }

div.rte h5,.mceContentBody h5 { font-size: 12px }

div.rte h6, div.rte h6 { font-size: 8px }

div.rte ol, .mceContentBody ul, div.rte ol, .mceContentBody ul { padding-left: 2em }

div.rte ul, .mceContentBody ul {

list-style-type: square;

margin-left: 10px

}

div.rte strong, .mceContentBody strong { font-weight: bold }

div.rte em, .mceContentBody em { font-style: italic }

 

/* tables still need 'cellspacing="0"' in the markup */

div.rte table,.mceContentBody table {

border-collapse: separate;

border-spacing: 1px;

width: auto

}

div.rte caption, div.rte th, div.rte td, div.rte table,

.mceContentBody caption, .mceContentBody th, .mceContentBody td, .mceContentBody table {

text-align: left;

font-weight: normal;

background: none;

height: inherit;

border: 1px #e5e6e7 solid;

text-align: center

}

div.rte th, .mceContentBody th {

padding-left: 1em;

padding-right: 1em;

background: #e5e6e7

}

#center_column div.rte p,

.mceContentBody p { padding-left: 0; margin: 0.5em 0 }

div.rte ol, .mceContentBody ol {

list-style-type: decimal;

margin-left: 10px

}

 

div.rte h3 {font-weight:bold;}

div.rte p {color:#707070 !important;}

 

 

 

/* /global RTE fields */

 

/* global table style */

div.table_block {

background: transparent url('../img/table_footer.gif') no-repeat bottom left;

padding-bottom: 6px;

margin: 0 auto 2em;

}

table.std {

border-spacing: 0;

border-collapse: collapse;

width: 100%

}

table.std td, table.std th { padding: 0.4em 0.5em }

table.std th { white-space: nowrap }

table.std tr.item td, table.std tr.item th { background-color: white }

table.std tr.alternate_item td,

table.std tr.alternate_item th { background-color: #f1f2f4 }

table.std tbody tr td, table.std tfoot tr td { border-top: 1px solid #bdc2c9 }

table.std thead th {

background:#eee;

height: 24px;

color: #374853;

font-weight: bold;

text-align: left;

white-space: nowrap

}

table.std thead th.first_item { background-position: top left }

table.std thead th.last_item { background-position: top right }

table.std thead th.item { background-position: -5px 0 }

table.std tfoot td {

color: #374853;

text-align: right;

white-space: nowrap

}

 

/* /global table style */

 

/* global form style */

form.std {clear:both;}

form.std h3 {color:#000;font-size:14px;font-weight:bold;border-bottom:1px solid #000;padding:0 0 5px 0;margin:0 0 0.5em 0;}

form.std fieldset {border:none;margin-bottom:13px;padding-bottom:13px;}

form.std fieldset legend {padding:0.3em 0.6em;margin:1em 0 1em 0.5em;font-size:1.6em;font-weight:100;border-color:#d0d1d5;border-style:solid;border-width:1px;}

 

form.std h4,

form.std p {padding:0.3em 1em;clear:both;}

 

form.std label,

form.std p span {float:left;text-align:right;width:30%;padding:0;color:#707070;}

 

form.std p span.like_input {width:auto;margin-left:0.7em;}

 

input,

textarea,

select,

span.editable {margin-left:0.7em;font-size:12px;font-family:Arial;outline:none;}

 

input,

textarea,

select {border:1px solid #bdc2c9;font:normal 12px "Arial";color:#000;}

 

input.text {height:18px;padding-left:2px;padding-right:2px;}

 

.checkbox input,

.radio input {border:none;}

 

form.std .checkbox label,

form.std .radio label,

form.std span.form_info {margin:0;float:none;text-align:left;}

 

.required sup {color:#da0f00;}

form.std p.checkbox {padding-left:31.2%;}

form.std p.submit {padding-left:31%!important;margin-bottom:1.5em;}

#center_column form.std p.submit2 {padding-left:170px;margin-bottom:1.5em;}

 

p#desc_contact1,

p#desc_contact2 {padding-left:26px;}

 

 

 

/* START OF BUTTONS SECTION

* -tags: input, a, span

* -sizes: mini, small, normal, large

* -types: button, exlusive

* -status: normal, hover, disabled

* -rule: the span.button is a a.button disabled

*/

 

 

 

/* global button */

input.button_mini, input.button_small, input.button, input.button_large,

input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,

input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,

a.button_mini, a.button_small, a.button, a.button_large,

a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,

span.button_mini, span.button_small, span.button, span.button_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large

{height:25px !important;display:block;font:normal 12px/16px "Times New Roman" !important;color:#000 !important;background:#707070;border:none;color:;text-align:center;text-decoration:none !important;cursor:pointer;text-transform:uppercase;}

 

/* link button */

a.button_mini, a.button_small, a.button, a.button_large,

a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,

span.button_mini, span.button_small, span.button, span.button_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large

{font:normal 12px/25px "Times New Roman" !important;}

 

/* input button */

input.button_mini, input.button_small, input.button, input.button_large,

input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,

input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled

{padding-bottom:2px;color:#fff;}

 

/* disabled button */

input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,

span.button_mini, span.button_small, span.button, span.button_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large

{cursor:default;color:#444 !important;}

 

/* exclusive button */

input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,

a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large

{background:#000;color:#fff !important;}

 

/* exclusive disabled button */

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large

{color:#777 !important;}

 

/* hover button */

input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover,

input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover,

a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover,

a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {}

 

/* exclusive hover button */

input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover

{}

 

/* classic buttons */

input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini

{width:40px;}

 

input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small

{width:65px;}

 

input.button, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive

{width:140px;}

 

input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large

{width:190px;}

 

/* exclusive button */

input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive {}

input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini {}

input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small {}

input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large {}

 

 

 

/* id_state field in managed via JS and is firstly hidden */

form p.id_state { display: none }

 

/* generic style */

ul.bullet li {background:transparent url('../img/bullet.gif') no-repeat 6px 6px;list-style-type:none;}

 

.price-discount { text-decoration: line-through }

.price-pretax { color: gray }

.price-ecotax { color: #488c40 }

img.icon { margin-right: 0.5em; vertical-align: middle }

.price, .price-shipping, .price-wrapping {

color: #000;

font-size: 1.1em;

font-weight: bold;

white-space: nowrap

}

 

/* errors */

.error {border:2px solid #da0f00;background-color: #f1f2f4;color: #da0f00;margin:0;padding:5px 12px;}

.error p { font-weight: bold }

.error li {list-style-position: inside;list-style-type: decimal-leading-zero;}

 

/* warning */

.warning {

color:#000 !important;

font-size: 1.2em;

background-color: #F8E1A0;

border: 1px dashed #F9E400;

font-weight: bold !important;

margin: 0.2em 2em;

padding: 0.6em 1em

}

.warning_inline {

color: #da0f00;

font-weight: bold

}

 

/* success */

.success {

color: green;

background-color: #d0d3d8;

border: 1px dashed green;

font-weight: bold;

margin: 0.2em 1em;

padding: 0.3em 0.8em 1em

}

.success_inline {

color: green;

font-weight: bold

}

 

 

 

/* Header */

#header_right ul {list-style:none;}

#header_right form {border:none;margin-bottom:0 !important;display:inline;}

#header_right label {margin:0;float:none;}

 

 

 

/* block left column "Quick search" */

#search_block_left input { margin: 2px 0 0 0 }

#search_block_left #search_query { width: 11em }

#search_button { display: inline }

 

 

 

/*#center_column .products_block li.last_item { float: none; clear: both }*/

#center_column .products_block li.last_item_of_line { border-right: none }

#center_column .products_block li.first_item_of_line { clear: both }

#center_column .products_block li.last_line { border-bottom: none }

#center_column .products_block p, #center_column .products_block h5 { margin: 0.5em 0.1em }

#center_column div.products_block h5 {

display: block;

margin-top: 8px;

}

#center_column div.products_block h5 a {

color: #374853;

font-size: 1.1em

}

#center_column div.products_block ul li p {

margin: 0;

padding: 0

}

#center_column div.products_block p.product_desc {

height: 9em;

color: #595a5e

}

#center_column div.products_block a.product_image {

display: block;

background-color: transparent;

margin-bottom: 2px;

margin-left: 2px;

width: 129px;

height: 129px

}

#center_column div.products_block .product_accessories_description a.product_image {

width: 118px;

height: 85px

}

#center_column div.products_block a.product_description {

display: block;

width: 118px;

height: 50px;

margin-left: 2px;

}

 

#center_column div.products_block a.product_image img {

float: none;

margin: 0

}

#center_column div.products_block h5 { margin: 10px 5px 3px 5px }

#center_column div.products_block p.product_desc { margin: 0 5px }

#center_column div.products_block ul li p.product_desc a { font-weight: normal }

#center_column .products_block span.price {

text-align: center;

font-size: 1.5em;

padding: 0.5em 0;

/*display: block;*/

}

p.price_container { text-align: center }

#center_column .products_block .featured_price { margin-top: 2.5em }

#center_column .products_block a.button,

#center_column .products_block a.exclusive,

#center_column .products_block span.exclusive { margin: 0.5em auto }

 

 

 

/* Block tags */

div.tags_block .block_content { padding: 3px 6px 0 }

div.tags_block p {

text-align: justify;

font-size: 0.9em

}

div.tags_block p a {

margin: 0 0.1em;

line-height: 1.5em

}

div.tags_block p a:hover {

color: white!important;

background-color: #5D717E;

text-decoration: none

}

a.tag_level3 { font-size: 1.8em; font-weight: bold }

a.tag_level2 { font-size: 1.4em }

a.tag_level1 { font-size: 1em; color: #888!important }

 

 

 

/* Block best sellers */

#best-sellers_block_right p {

margin: 0;

padding-top:3px

}

 

 

 

/* Block Viewed Products */

div#viewed-products_block_left div.block_content ul.products li {

margin-top: 0;

padding: 4px 0 0

}

div#viewed-products_block_left div.block_content ul.products li img { margin-right: 7px }

 

 

 

/* Block editorial */

.editorial_block { margin-bottom: 2em }

.editorial_block .rte { background: transparent none repeat scroll 0 0 }

.editorial_block h2 {

background: none;

padding: 0;

margin-bottom: 1em

}

.editorial_block p { padding-top: 0.4em }

#editorial_block_center p { padding-left: 0 }

 

/* Block advertising */

.advertising_block {}

 

 

 

/* discount.tpl */

td.discount_value { white-space: nowrap }

 

 

 

/* contact-form.tpl */

body#contact-form div#center_column form input#email,

body#contact-form div#center_column form select#id_contact,

body#contact-form div#center_column form textarea#message { width: 50% }

form.std p.desc_contact span.like_input {

width: 366px;

text-align: left

}

 

 

 

/* conditions & legal */

ul.shop_info {

list-style-type: square!important;

list-style-position: inside;

padding: 0.6em;

margin-top: 0.6em;

margin-left: 2em;

border: 1px solid #888

}

ul.shop_info li {

padding-left: 0.5em!important;

padding-bottom: 0.5em!important

}

 

/* conditions.tpl */

#conditions #right_column { display: none }

#conditions h2 { background: transparent url('../img/title_bg_large.gif') no-repeat top left }

#conditions #center_column {

width: 730px;

text-align: justify

}

#conditions #center_column ul,

#conditions #center_column ol {

margin-left: 2em;

padding: 0.6em

}

#conditions #center_column ul { list-style-type: circle }

#conditions #center_column li { padding-bottom: 0.5em }

#conditions #center_column { line-height: 1.3em }

 

/* identity.tpl */

p#security_informations {

font-size: 0.85em;

margin: 0 3em

}

 

/* order step 3: PAYMENT */

.payment_module { display: block }

.payment_module img {

vertical-align: middle;

margin-right: 1em

}

.payment_module a {

display: block;

border: 1px solid #595a5e;

padding: 0.6em;

text-decoration: none

}

.payment_module a:hover, .payment_module a:focus, .payment_module a:active {

border: 1px solid #488c40;

background-color: #e5e6e7;

color: #374853

}

 

/* Printable version */

@media print {

div#left_column, div#right_column, div#footer, a.button, span.button , .button, ul#usefull_link_block, div#header_user, #languages_block_top, #search_block_top, #currencies_block_top, ul#header_links, ul.idTabs, #availability_statut br {

display: none;

}

div#center_column { width: 100% }

input.text { border: 1px solid gray }

.block_hidden_only_for_screen {

display: block;

margin-top: 1em

}

#more_info_sheets #idTab1 { width: 530px }

* {

background: none!important;

background-color: white!important;

}

}

 

/* Customizable product */

#customization_block { width: 556px }

.customization_block_title { margin: 4px 4px 4px 2px }

#customization_block ul { margin: 6px 6px 0 6px }

.customization_block_input { vertical-align: inherit }

img.customization_delete_icon { margin: 2px }

li.customizationUploadLine {

clear: left;

padding: 4px;

display: block

}

div.customizationUploadBrowse { float: left }

div.customizationUploadBrowseDescription { padding: 6px }

img.customizationUploaded {

margin: 2px;

border: 1px solid #888888

}

ul.customizationUploaded {

list-style-type: none;

margin-left: 4px

}

ul.customizationUploaded li { display: inline }

ul.customizationUploaded a { text-decoration: none }

div.customizationUploaded { clear: left }

div.deletePictureUploaded { float: right }

div.deleteCustomizableProduct { float: right }

ul.typedText {

padding-left: 6px;

list-style-type: none

}

 

/* category Products block */

#productscategory {

margin: 2em auto 0;

height: 120px;

width: 100%

}

#productscategory_noscroll {

margin: 2em auto 0;

height: 120px;

width: 100%

}

#productscategory_list {

overflow: hidden;

float: left;

width: 96%

}

#productscategory_list ul {

padding-left: 0;

list-style-type: none

}

#productscategory_list li {

float: left;

margin: 0 3px;

cursor: pointer;

text-align: center;

width: 100px;

overflow: hidden

}

#productscategory_scroll_left,

#productscategory_scroll_right {

background: url('../img/thumbs_left.gif') no-repeat center;

text-indent: -3000px;

display: block;

width: 9px;

height: 18px;

float: left;

margin-top: 30px

}

#productscategory_scroll_right { background-image: url('../img/thumbs_right.gif') }

 

/* crosselling block */

#crossselling {

margin: 0 auto 0;

height: 120px;

width: 100%

}

#crossselling_noscroll {

margin: 0 auto 0;

height: 120px;

width: 100%

}

#crossselling_list {

overflow: hidden;

float: left;

width: 96%

}

#crossselling_list ul {

padding-left: 0;

list-style-type: none

}

#crossselling_list li {

float: left;

margin: 0 3px;

cursor: pointer;

text-align: center;

width: 100px;

overflow: hidden

}

#crossselling_scroll_left,

#crossselling_scroll_right {

background: url('../img/thumbs_left.gif') no-repeat center;

text-indent: -3000px;

display: block;

width: 9px;

height: 18px;

float: left;

margin-top: 30px

}

#crossselling_scroll_right { background-image: url('../img/thumbs_right.gif') }

 

/* module blockwishlist */

#wishlist_block #wishlist_block_list dl.products {

font-size: 10px;

border-bottom: 1px solid #fff;

margin: 0 0 5px 0;

padding: 3px 0 5px

}

#wishlist_block div.block_content #wishlist_block_list dl.products dt a.cart_block_product_name { font-weight: bold }

#wishlist_block div.block_content #wishlist_block_list dl.products dt { margin: 2px 0 }

#wishlist_block div.block_content #wishlist_block_list dl.products dt a.ajax_cart_block_remove_link { float: right }

#wishlist_block div.block_content #wishlist_block_list dl.products dd {

font-style: italic;

margin: 0 0 0 10px

}

#wishlist_block div.block_content p select#wishlists { width: 140px }

#wishlist_block div.block_content p a.exclusive { margin: 5px auto 0 auto }

 

/* mywishlist */

div#mywishlist div#block-order-detail form.wl_send fieldset p input { margin-left: 60px }

div#mywishlist div#block-order-detail {

margin-top: 10px;

display: block

}

div#mywishlist form.std fieldset label { width: 30px }

div#mywishlist form.std fieldset input#submitWishlist { display: inline }

div#mywishlist table.std thead th.mywishlist_first {

text-align: center;

width: 40px

}

div#mywishlist table.std thead th.mywishlist_second {

text-align: center;

width: 80px

}

div#mywishlist table.std thead th.first_item,

div#mywishlist table.std tbody tr td { width: 200px }

div#mywishlist div#block-order-detail { margin-top: 10px }

div#mywishlist div#block-order-detail ul li span.wishlist_product_detail select { margin: 0 }

div#mywishlist #hideBoughtProducts,

div#mywishlist #showBoughtProducts {

float: left;

margin: -18px 0 0 5px

}

div#mywishlist #showBoughtProducts,

div#mywishlist #hideBoughtProductsInfos,

div#mywishlist #hideSendWishlist { display: none }

div#mywishlist #showBoughtProductsInfos,

div#mywishlist #hideBoughtProductsInfos {

float: right;

margin: -18px 118px 0 0

}

div#mywishlist #showSendWishlist,

div#mywishlist #hideSendWishlist,

div#mywishlist div#block-order-detail ul li a.exclusive {

float: right;

margin: -18px 0 0 0

}

div#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th { text-align: center }

div#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th.first_item { width: 300px }

div#mywishlist div#block-order-detail table.wlp_bought_infos { margin: 0 0 0 10px }

div#mywishlist div#block-order-detail ul li img { float: left }

 

/* View wishlish */

#view_wishlist #featured-products_block_center ul div li a img { float: left }

#view_wishlist #featured-products_block_center ul div li a,

#view_wishlist #featured-products_block_center ul div li span {

text-decoration: none;

float: left

}

#view_wishlist #featured-products_block_center ul div li span.wishlist_product_detail,

div#mywishlist div#block-order-detail ul li span.wishlist_product_detail {

margin-left: 30px;

float: left

}

div#mywishlist div#block-order-detail ul li span.wishlist_product_detail { margin-bottom: 5px }

#view_wishlist #featured-products_block_center ul div li a.exclusive,

#view_wishlist #featured-products_block_center ul div li span.exclusive {

margin-left: 55px

}

#view_wishlist #featured-products_block_center ul div li.address_name input.text {

color: #999;

font-weight: bold;

font-size: 11px;

border: 0

}

 

/* module reversoform*/

.account_creation #reverso-form { width: 100% }

.account_creation #reverso-form label {

width: 250px;

text-align: left;

margin-left: 10px

}

.account_creation #reverso-form label#legend_reverso {

clear: both;

width: 100%;

font-size: 10px;

text-align: left

}

.account_creation #reverso-form input#reverso_form { margin-top: 20px }

 

/* module productcomments */

.rating {

cursor: pointer;

margin: 2em;

clear: both;

display: block

}

.rating:after {

content: '.';

display: block;

height: 0;

width: 0;

clear: both;

visibility: hidden

}

.cancel, .star {

float: left;

width: 17px;

height: 15px;

overflow: hidden;

text-indent: -999em;

cursor: pointer

}

.cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px }

.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 }

.cancel a, .star a {

display: block;

width: 100%;

height: 100%;

background-position: 0 0

}

div.star_on a { background-position: 0 -16px }

div.star_hover a, div.star a:hover { background-position: 0 -32px }

.pack_content { margin: 10px 0 10px 0 }

 

.confirmation {font:bold 14px "Verdana" !important;color:#379642 !important;margin:15px 0 12px 0 !important;}

 

#page .rte { background: transparent none repeat scroll 0 0 }

 

/* module paypalapi */

.paypalapi_about { text-align: justify }

.paypalapi_about ul { padding-left: 20px }

 

/* cms pages */

#cms div.content_only {

text-align: left;

padding: 10px

}

Share this post


Link to post
Share on other sites
  • 0

bonjour,

 

tu devrais avoir les infos du layout dans les environ de la ligne 200 de globall.css

 

genre:

 

/* global layout */

#page {

width: 990px;

margin: 0 auto 2px auto;

background: transparent url('../img/tontontong_logo.png') no-repeat top center;

text-align: left;

}

#header{

min-height:217px;

overflow:hidden;

}

#header_right {

float: right;

text-align: right;

width:990px

}

 

#columns{

margin-top:10px;

clear:both;

overflow:hidden;

}

#center_column, #left_column { float: left }

 

#center_column {

width: 764px;

overflow: hidden

}

#left_column {

width: 226px;

overflow: hidden

}

 

ensuite il faut adapter les dimensions de #center_column et de #left_colum pour que leur total égal celui de #page

 

voilà

Share this post


Link to post
Share on other sites
  • 0

Un conseil, télécharge firebug qui s'installe sur firefox, apprends à t'en servir, il y a un tuto en tête de rubrique sur le forum et tu gagneras un temps fou surtout pour ce genre de problème. La lecture d'un tuto sur prestashop serait également utile je pense.

Share this post


Link to post
Share on other sites
  • 0

Donnes l'adresse du site ça peut nous aider à te dire quelle ligne tu dois changer.

 

Ils ont raison utilises Firebug ça peut t'aider à identifier les sections à modifier plus facilement.

Share this post


Link to post
Share on other sites
  • 0

Bonjour,

Il faut modifier non seulement le css

Pour enlever la colonne de droite par exemple il faut modifier le fichier footer.tpl et supprimer la div "right_column" :

<!-- Right -->

<div id="right_column" class="column">

{$HOOK_RIGHT_COLUMN}

</div>

 

 

Pour la colonne de gauche c'est le même principe sauf que ça se passe du coup dans la header.tpl il faut supprimer le div "left_column" :

<!-- Left -->

<div id="left_column" class="column">

{$HOOK_LEFT_COLUMN}

</div>

 

Toujours dans le header.tpl

Rajouter cette portion de code

<!-- Center -->

<div id="center_column" class="largeur-750">

 

à la place de

<!-- Center -->

<div id="center_column">

 

Et une fois que vous avez enlevé ce que vous voulez , il ne vous restera plus

qu'à modifier la largeur de votre div "center_column" et là

ça se passe dans le fichier global.css .

Modifier /* cms pages */ comme ce indiqez ci-dessus

 

/* cms pages */

#cms div.content_only {

text-align: left;

padding: 10px

}

.largeur-750{ width:750px; }

 

Cordialement,

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×