[Solve]Next Css

[goldensun42]

Hi, So i m trying prestashop and i was trying grid style but now my list product page and next buttons are not where i want, and i don't know where i can change this

 

anyone can help me? please ^^

Edited August 8, 2013 by goldensun42 (see edit history)

[vekia]

i suppose that you have to change the #subcategories css styles

(clear:both; display:block; or sth similar)

 

it is possible to test your website? if so, please share the url

[goldensun42]

sorry i use wamp server so it is offline ^^, the sub cat in the global css? because in the global.css there is no #subcategories

Edited August 7, 2013 by goldensun42 (see edit history)

[vekia]

check this file: /themes/default/css/category.css

[goldensun42]

i tried but nothing happened

here is the css

 

* ************************************************************************************************

SUB CATEGORIES

************************************************************************************************ */

#subcategories {margin-top:15px}

#subcategories h3 {

padding:14px 12px;

font-size:13px;

color:#fff;

text-transform:uppercase;

text-shadow:0 1px 0 #666;

background:url(../img/bg_table_th.png) repeat-x 0 0 #999

 

}

 

.inline_list {

list-style-type:none;

margin-top:10px;

}

.inline_list li {

padding:10px 0;

border-bottom:1px dotted #ccc

}

.inline_list li .img {

float:left;

margin-right:15px

}

.inline_list li img {

border:1px solid #ccc

}

.inline_list li .cat_name {

font-weight:bold;

font-size:13px

}

[vekia]

where is the display:block; and clear:both; + overflow:hidden;

?

[goldensun42]

like i said i tried to modify every piece but nothing hapenned even if i put your line in every part like this

 

/* ************************************************************************************************

SUB CATEGORIES

************************************************************************************************ */

#subcategories {

margin-top:15px

display:block;

clear:both;

overflow:hidden;

}

 

#subcategories h3 {

padding:14px 12px;

font-size:13px;

color:#fff;

text-transform:uppercase;

text-shadow:0 1px 0 #666;

background:url(../img/bg_table_th.png) repeat-x 0 0 #999

display:block;

clear:both;

overflow:hidden;

}

 

.inline_list {

list-style-type:none;

margin-top:10px;

display:block;

clear:both;

overflow:hidden;

}

.inline_list li {

padding:10px 0;

border-bottom:1px dotted #ccc

display:block;

clear:both;

overflow:hidden;

}

.inline_list li .img {

float:left;

margin-right:15px

display:block;

clear:both;

overflow:hidden;

}

.inline_list li img {

border:1px solid #ccc

display:block;

clear:both;

overflow:hidden;

}

.inline_list li .cat_name {

font-weight:bold;

font-size:13px

display:block;

clear:both;

overflow:hidden;

}

[vekia]

ahh sorry, i just thought that this will be helpful, in some similar cases this code helped.

 

it's hard to say what to change without an access to the store, especially because it is simple css issue :\

[goldensun42]

in fact i found the right place its in the global.css

but i m not very good in css and its doesnt work if you have some idea

 

/* pagination ********************************************************************************** */

form.pagination {display:none;}

 

div.pagination {

margin:10px 0;

text-align: center

}

ul.pagination {list-style-type:none}

ul.pagination li {display: inline;}

ul.pagination a, ul.pagination span {

display:inline-block;

height:24px;

width:24px;

border:1px solid #eee;

-moz-border-radius:2px;

-webkit-border-radius:2px;

border-radius:2px;

font:11px/24px Arial,Verdana,sans-serif;

color:#999

}

ul.pagination a {

text-align:center;

}

ul.pagination a:hover {

color:#333;

border:1px solid #333

}

ul.pagination .current span {

color:#000;

border:1px solid #fff

}

ul.pagination li.disabled span {color:#ccc}

 

#pagination_previous {float:left}

#pagination_next {float:right

 

}

 

.ie7 #pagination_previous,

.ie7 #pagination_next {float:none}

 

#pagination_previous a, #pagination_previous span,

#pagination_next a, #pagination_next span {

padding:0 8px;

width:auto;

}

#pagination_previous span,

#pagination_next span {

color:#ccc;

border:1px solid #eee

}

[vekia]

it is related also to the subcategories.

all you have to do is to change the block display type to block with clear:both and overflow as hidden;

 

but everything depends also on other styles that you've got. it's hard to check it without live site.

[goldensun42]

so every time i see the word display in the css global and category i put your 3 line?

Edited August 7, 2013 by goldensun42 (see edit history)

[vekia]

nope, definitely not.

you have to change elements related to the elements that you want change

[goldensun42]

i tried but everytime its not working , i m looking other css on other theme and it's the same code

 

nothing move this exept if i move it manually withe the margin but its not working very well ((((

[vekia]

maybe you can upload website somewhere?

[goldensun42]

no but i can send you all the theme in a rar file if you want?

[vekia]

if you want, you can send me it, i will ccheck it on my own demo store on localhost

 

support[at]mypresta[dot]eu