kyls Posted December 16, 2011 Share Posted December 16, 2011 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 More sharing options...
greenlight316 Posted December 24, 2011 Share Posted December 24, 2011 Hi, I am facing the same problem. Not able to change the font, alignment and colour. Can anybody help? Thanks, GL Link to comment Share on other sites More sharing options...
Dave L Posted December 24, 2011 Share Posted December 24, 2011 Hi, You may find THIS post useful. Please note that this only applies to products added after the code mod. Link to comment Share on other sites More sharing options...
Recommended Posts