Jump to content

changing font in short description


Recommended Posts

This sounds SUPER EASY PEASY! and i have worked with Prestashop enough times for it to be easy enough, but i am trying to change the font colour and alignment on the product pages see here: http://studiokandy.com/shop/product.php?id_product=28 i have gone all through my global.css and in the product.tpl area it reads:

 

/* product.tpl */

#primary_block #pb-right-column{

width:310px;

float:left;

}

#primary_block #image-block{

border:#e1e1e1 solid 1px;

height:302px;

width:300px;

}

#primary_block #image-block img#bigpic{

cursor:pointer;

height:300px;

width:300px;

}

#primary_block ul#usefull_link_block{

list-style-type:none;

margin-top:1em;

}

#primary_block ul#usefull_link_block li{ margin:0.5em 1em 0.5em 0; display: block; }

#primary_block ul#usefull_link_block li a, #primary_block ul#usefull_link_block span.span_link, #primary_block ul#usefull_link_block span.span_link:hover{

text-decoration:none;

color:#999999;

font-size:0.9em;

background: white url('../img/bullet_alt.jpg') no-repeat top left;

padding-left:15px;

height:15px;

float:left;

text-align:left;

}

#primary_block #pb-left-column{

float:left;

margin-left:1.1em;

width:233px;

text-align:left;

font:Times New Roman; color:#999999;

}

#primary_block #short_description_block{

background: #ffffff;

border: 1px #ffffff solid;

padding:0.7em;

margin-bottom:1.5em;

text-align:left;

font:Times New Roman;

color:#999999;

}

#primary_block #color_picker p {

margin: 0 0 0.4em 0;

padding: 0 0 0 0;

}

#primary_block #color_picker {

padding: 0.7em;

background: #ffffff;

border: 1px #e1e1e1 solid;

margin-bottom: 1.5em;

}

#primary_block #color_to_pick_list {

}

#primary_block #color_to_pick_list li {

display: inline;

float: left;

margin: 0 0.4em 0.4em 0;

}

#primary_block a.color_pick {

display: block;

width: 20px;

height: 20px;

border: 1px solid #e1e1e1;

cursor: pointer;

}

#primary_block a.color_pick:hover {

border: 1px solid #e1e1e1;

}

#primary_block #image-block img#bigpic.jqzoom{

cursor:crosshair;

position:relative;

}

#primary_block p.buttons_bottom_block{ margin:0; }

#primary_block p.buttons_bottom_block a, #primary_block p.buttons_bottom_block input { margin:0.9em auto 0 auto; }

#primary_block #short_description_content{

margin-bottom:0.5em;

}

#primary_block form#buy_block{

background: #ffffff ;

font-size:1.1em;

padding:0.7em;

color:#999999;

border: 1px #ffffff solid;

text-align:left;

float:left;

font:Times New Roman;

}

#primary_block form#buy_block p{

padding:0;

margin-top:0;

font:Times New Roman; color:#999999;

}

#primary_block form#buy_block img.on_sale_img{

float:left;

}

#primary_block form#buy_block span.on_sale{

color:#999999;

text-transform:uppercase;

font-weight:bold;

float:right;

font:Times New Roman; color:#999999;

}

#primary_block form#buy_block span.discount{

color:#999999;

text-transform:uppercase;

font-weight:bold;

float:right;

font:Times New Roman; color:#999999;

}

#primary_block form#buy_block span.our_price_display{

float:right;

}

#primary_block form#buy_block span#availability_label{

float:left;

margin-right:1em;

}

#primary_block form#buy_block label{

text-align:right;

}

#primary_block form#buy_block label,#primary_block form#buy_block select{

display:block;

width:47%;

float:left;

}

#primary_block div#attributes p, #quantity_wanted_p{

clear: left;

height:2em;

}

/* prices */

#primary_block form#buy_block p.price{

font-size:1.05em;

text-align:right;

}

#primary_block form#buy_block span#pretaxe_price{

font-size:0.75em;

text-align:right;

}

#primary_block form#buy_block p#old_price{

font-size:0.8em;

text-align:right;

text-decoration:line-through;

}

#primary_block form#buy_block p#reduction_percent{

color:#999999;

font-size:0.75em;

text-align:right;

}

#primary_block form#buy_block p.price-ecotax{

font-size:0.75em;

text-align:right;

}

/* views block */

#views_block{

margin:0pt auto;

width: 274px;

}

#thumbs_list{

overflow:hidden;

float:left;

width: 240px;

}

#thumbs_list ul{

padding-left:0px;

list-style-type:none;

margin-top: 5px;

}

#thumbs_list li{

float:left;

cursor:pointer;

width: 80px;

height: 80px;

}

#view_scroll_left, #view_scroll_right{

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

text-indent:-3000px;

width:9px;

height:18px;

float:left;

margin-top:30px;

padding-right: 4px;

padding-left: 4px;

}

#view_scroll_right{

background-image: url('../img/thumbs_right.gif');

}

span.view_scroll_spacer{

float: left;

width: 17px;

height: 80px;

}

 

and yet i cant seem to be able to change the alignment and colour of the font, please help

Link to comment
Share on other sites

×
×
  • Create New...