Search the Community

Hello, I am new to PrestaShop and oh boi, it's different than Woo and Wordpress. I am using the native Custom Text Blocks module under the hook displayNavFullWidth. For some reason, this module is leaving a ton of bottom-padding and I can't find where to get rid of it. If I move the module to any other hook, the same problem persists - too much bottom-padding. How do I remove the bottom-padding for Custom Text Blocks module? Thank you!

Hola a todos: Por favor, ¿alguien puede indicarme como corregir el padding de párrafos en las paginas CMS? Ya hice varios intentos pero no logro resolverlo. Gracias por adelantado. Saludos!

Hello members, I am running into a problem on mobile and tablet devices. The left and right padding around all my html text in PS 1.6.1.18 appears to be using too much width. When I look at the source code in firefox the consistent thing is a container class and I figured out it may be causing this. The particular section I wish to remove it from is in the main content within .columns container: <div class="columns-container"> <div id="columns" class="container"> <div class="row content-inner"> Setting the container padding to zero in global.css does not seem to work. Your answers are really appreciated.

This is blocktopmenu I want to increase the font and increase the spacing/padding of the subcategories. They are all cramped up. font of all and spacing/ padding of only subcategories. PS explain the change in code in detail and mention the files in which the changes have to be made. prestashop 1.6.1.0 /*** ESSENTIAL STYLES ***/ .sf-contener { clear: both; } .sf-right { margin-right: 14px; float: right; width: 7px; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { margin: 10px 0; padding:0; width:980px;/* 980 */ background: #383838; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; border-right: 1px solid #777; } .sf-menu a { display: block; position: relative; color:#fff; text-shadow:0 1px 0 #333; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 34px; /* match top ul list item height */ z-index: 99; width:auto } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu a { display:block; margin-right:2px; padding: 0 22px 0 20px; line-height:34px; border: 0; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #fff; white-space:nowrap; } .sf-menu li li { background: rgba(113, 113, 113, 0.9); } .sf-menu li li li { background: rgba(113, 113, 113, 0.9); } .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #4E4E4E; } .sf-menu ul li:hover, .sf-menu ul li.sfHover, .sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active { background: #4e4e4e; outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: 10px; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 11px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../img/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-bottom-left-radius: 17px; -moz-border-top-right-radius: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } li.sf-search { background: inherit; float: right; line-height: 25px; } li.sf-search input { -moz-border-radius: 0 5px 5px 0; padding: 3px 0; padding-left: 20px; margin: 6px 6px 0 0; background: #fff url('../img/search.gif') no-repeat left center; border:1px solid #777 } /* hack IE7 */ .sf-menu a, .sf-menu a:visited {height:34px !IE;} .sf-menu li li { width:200px; background:#726f72 !IE; }

How do I increase 1 . Font 2. Vertical spacing in the TOP HORIZONTAL MENU MODULE when hovered over by the mouse on the main category in The Top Horizontal Menu ...there is a drop down list where the sub categories are shown which are congested and the vertical space is not enough. I want to increase that space . I also want to change the colour of the font in this module for only the subcategories when hovered over by he mouse. I also want to change the background of the entire module ( white current ) to light blue or any other colour.

Could anyone please help me to align the cart-the search to contact us-sign in-language-currency block in navigation bar? I would like to have the thin strip as original design of nav bar that fits everything into it. I tried the padding in blockcart, it doesn't work. I also would like to move the logo to be on the page center. What steps do I have to take? Cheers! kk

Hi, I mean, first of all say that this is a problem that has arisen in me PRS020027 Theme. It is that I want to add two pixels of padding to the images that appear in the Theme subcategories, or else happens that cover the edge and is a very ugly effect. I attached the pictures so you see him. I element.style are generated, which means I have to modify html code but not locate it and see if you can help me. This is how I get images: This is how I want you stay: The filling in firebug: The style element that generates me: I hope your answer, greetings.

Dear All Developers/Moderaters, I'm working on my theme and got stuck in positioning of the login and account creation block in the login page. The problem is that I want to make the position of these two blocks in the centre of the page and attached image is the situation of the page currently in the website. I tried much to make the position centre by padding and margin but still not getting the exact solution what I need and don't know which part I'm missing, that's why I make the thread for the help. This is my authentication.css code : #account-creation_form .account_creation{padding:0;width:49%;float:left;} #create-account_form h3,#authentication #login_form h3{background-color: #1D4F6E; background-image: -webkit-gradient(linear, left top, left bottom, from(#3897D2), to(#1D4F6E)); background-image: -webkit-linear-gradient(top, #3897D2, #1D4F6E); background-image: -moz-linear-gradient(top, #3897D2, #1D4F6E); background-image: -ms-linear-gradient(top, #3897D2, #1D4F6E); background-image: -o-linear-gradient(top, #3897D2, #1D4F6E); background-image: linear-gradient(top, #3897D2, #1D4F6E); border-radius: 2px 2px 0 0;-moz-border-radius:2px 2px 0 0; padding:8px ;margin-bottom:10px; font-size:14px; color:#fff; } #account-creation_form .account_creation.customerprivacy{float:right} #create-account_form,#authentication #login_form{clear:none;float:left;width:49%;margin:0;border:1px solid #e8e8e8; border-top:none;} #authentication #login_form{float:right;} #create-account_form{clear:left} #create-account_form .title_block{margin-bottom:20px;text-transform:none;font-size:12px;padding:0 0 0 10px;} #create-account_form p.text,#authentication #login_form p.text{padding:0 20px 5px;width:100%;float:left;margin:0 0 10px} #create-account_form p.text input,#authentication #login_form p.text input{float:left;margin:0;width:70%;font-style:normal;padding:0 20px 0 0} #authentication #login_form a{color:#d40000;font-size:11px;font-weight:400;text-decoration:none;text-transform:none} #authentication #login_form a:hover{text-decoration:underline} #create-account_form p.text{text-align:left} #authentication #create-account_form p.text label{width:97%} #authentication p.submit{margin:0!important;padding:0 0 0 20px!important;position:relative;text-align:center;clear:none} #authentication #account-creation_form p.cart_navigation.submit{padding:0!important;width:68%;text-align:right} #authentication #account-creation_form p.cart_navigation.submit span{color:#d13e3b;font-weight:700;font-size:10px;float:left;clear:left;} #authentication #account-creation_form p.cart_navigation.submit input#submitAccount{clear:left;float:left;margin-bottom:10px;} #authentication #create-account_form p.submit input{float:left;margin-left:0;} #authentication p.lost_password{float:left;padding:2px 0 0 20px; margin-top:3px;clear:none} #authentication p.lost_password a{color:#ff007d;} #create-account_form label,#authentication #login_form label{clear:both;color:#191919;display:block;float:none;text-align:left;width:100%;margin:0;} #account-creation_form input.text,#account-creation_form #id_country,#account-creation_form #id_state{margin:0;width:86%} .three_column .grid_8 #account-creation_form input.text,.three_column .grid_8 #account-creation_form #id_country,.three_column .grid_8 #account-creation_form #id_state{width:90%} #account-creation_form #id_country,#account-creation_form #id_state{width:292px} #authentication textarea{color:#969696;font-size:11px;height:80px;margin:0;padding:10px;width:320px} #authentication .account_creation p{clear:none;float:left;margin:0;width:100%;} #authentication .account_creation p.checkbox{height:25px;padding:0;display:block} #authentication .account_creation p.checkbox input{height:auto;vertical-align:text-top} #authentication .account_creation p #days,#authentication .account_creation p #months,#authentication .account_creation p #years{background:none;padding:3px;width:88px;color:#646464;font-size:11px;margin-bottom:2px;} #authentication .account_creation p #months{width:160px;} #authentication .account_creation p label, #authentication .account_creation p.select span, #authentication .account_creation p.radio span{margin:0!important;text-align:left;text-transform:none;width:100%;display:block;line-height:15px;padding:0 0 5px;} #authentication .account_creation p#address_alias label{line-height:15px;} #authentication .account_creation p.select label,#authentication .account_creation p.select span{#line-height:20px} #authentication .account_creation p.checkbox label,#authentication .account_creation p.radio label{font-weight:400;float:none;display:inline;width:auto} #authentication .account_creation p.radio input{height:auto;#vertical-align:-2px;vertical-align:-1px;margin-left:3px} #authentication .account_creation p.radio label.top{font-weight:700;text-transform:uppercase;float:none;display:inline} #authentication .cart_navigation,#account-creation_form .account_creation h3{border:none} #authentication #login_form .submit,#authentication .account_creation .radio{float:left} #create-account_form p.text span,#authentication #login_form p.text span,#authentication .account_creation .select,#authentication .account_creation .id_state{width:100%;margin:0} #authentication form#account-creation_form{position:relative;padding:0;} #authentication .account_creation p span.inline-infos { margin: 7px 0 7px 10px; padding-left: 25%; width: auto;#width: 60%;text-align:left;color:#ae846e; } #authentication form#new_account_form{padding:0 20px;} #authentication form#new_account_form input.text{ color: #000000; font-size: 11px; margin: 0 5px 0 0; width: 300px;} #authentication form#new_account_form p label, #authentication form#new_account_form p.select span, #authentication form#new_account_form p.radio span { color: #000000; font-size: 12px; font-weight: 400; line-height: 25px; margin: 0 !important; padding-right: 10px; text-align: right; text-transform: none; width: 25%; } #authentication form#new_account_form p.radio input { height: auto; vertical-align: -6px; } #authentication form#new_account_form p #days, #authentication form#new_account_form p #months, #authentication form#new_account_form p #years { background: none repeat scroll 0 0 transparent; color: #000000; font-size: 11px; padding: 4px; width: 98px; } #authentication form#new_account_form p #months { width: 120px; } #authentication form#new_account_form p.cart_navigation.submit #submitGuestAccount { clear: right; float: left!important; margin-left: 180px; } #authentication form#new_account_form #id_country, #authentication form#new_account_form #id_state { width: 322px; } .account_creation p.required.password span.form_info{#position:relative;#top:-2px;margin:5px;width:100%;margin:5px 0;display:block} .account_creation.customerprivacy p.required{width:4%!important;float:left;margin:0!important;padding:2px 5px 0 0} .account_creation.customerprivacy p.required input{margin:0 !important} form.std .account_creation.customerprivacy input{border:none;background:none;} form.std .account_creation.customerprivacy label{padding:0;text-align:left;width:94%;margin-right:0;line-height:15px;} .two_column #create-account_form, #authentication .two_column #login_form{width:47%} .three_column .grid_8 #create-account_form,#authentication .three_column .grid_8 #login_form{width:100%;margin:0 0 20px} .two_column #create-account_form p.text input, #authentication .two_column #login_form p.text input, .three_column #create-account_form p.text input, #authentication .three_column #login_form p.text input{width:95%} .three_column #account-creation_form .account_creation{width:100%;margin:0 0 15px} /*.three_column .grid_12 #create-account_form, #authentication .three_column .grid_12 #login_form{width:100%;margin-bottom:15px;}*/ The image:

Hola! Como podéis ver en www.tusesencias.es En la columna derecha se ve la caja de likes de facebook que está pegada al blockcontact de debajo.. he intentado editar el css de blockcontact.css pero no hay manera de separarlo.. Como lo hago? De momento lo tengo así: (he editado algunas cosas como el padding 400px, para probar o otro de 200px... /* block CONTACT ******************************************************************************* */ #contact_block .block_content { padding:400px 0 15px 0; background: url(images/block_contact_bg.jpg) no-repeat left bottom transparent } #contact_block p { padding:0 5px 15px 5px; font-size: 13px; line-height: 18px } #contact_block .title_block, #contact_block h4 { padding:6px 11px; font-size: 12px; line-height: auto } #contact_block p.tel { margin:0 0 0 60px; padding-left: 26px; font: bold 11px/20px Arial, Verdana, sans-serif; background: url(images/block_contact_pict_tel.png) no-repeat 0 0 transparent } #contact_block a { display:block; margin-left:60px; margin-top:200px; padding:6px 8px; font:bold 10px Arial,Verdana,sans-serif; color:#fff; text-shadow:0 -1px 0 #000; text-transform:uppercase; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:url(images/bloc_contact_a_bg.png) repeat-x 0 0 #000 } #contact_block a:hover {text-decoration:none} #contact_block .label {display: none}

(Solved, thread closed) Thank you for the assistance, much appreciated.

Hi Im running PS 1.,4.6.2, standard theme. My product image always shows a white border of about 10px - see here Specifications are as follows: container: 280px (plus 8px padding, 2px border) = 300px image size: 280px On the actual page, the image gets automatically reduced to 260px, with a white border/padding. I cannot work out why this happens. Any ideas. Thanks