Jump to content

another question about products list aligning


Recommended Posts

To change your background color of the table you need to edit themes/default/css/global.css.

 

 

#center_column .sortPagiBar {

padding:10px;

font:normal 11px Arial, Verdana, sans-serif;

color:#666;

background:#eee; <--- this is your background color

}

this will change all gray background in the screen, if you want only the product background and not the rest you need to add background: color_your_want; to themes/default/css/product_list.css at: #product_list li.

 

your button style located at lines 139-149 in your global.css

 

 

position:relative;

display:inline-block;

padding:5px 7px;

border:1px solid #cc9900;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

font-weight:bold;

color:#000;

background:url(../img/bg_bt.gif) repeat-x 0 0 #f4b61b; <--- this is the button color( image )

cursor: pointer;

}

 

the reason your center column in align to the left in because you don't have any module hooked to the left column, basically you can add margin-left: 222px; to center column (I don't know if this is the best way to do it)

So just edit global.css line: 45 and add it so it will look like this:

#center_column {background:#FFFFFF;margin-left: 222px;}

 

Just after making all the changes make sure you test few pages on your site and make sure you clear your browser cache (ctrl+f5 few times)

Edited by yaniv14 (see edit history)
Link to comment
Share on other sites

×
×
  • Create New...