shadyns Posted June 15, 2013 Share Posted June 15, 2013 (edited) Please help me a little to change right-top sign on pictures for new projects... insteed of text witch i can change and red background color i wonna remove all that and put there some png image witch will i make for new projects... So please help to do it. Tnx alot upfront... Edited June 22, 2013 by shadyns (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted June 15, 2013 Share Posted June 15, 2013 what version of ps you use? and you trying to modify default theme? it is possible to check your website somewhere? Link to comment Share on other sites More sharing options...
shadyns Posted June 16, 2013 Author Share Posted June 16, 2013 I use 1.5.4 version and yes im modify defoult theme... Link to comment Share on other sites More sharing options...
PascalVG Posted June 16, 2013 Share Posted June 16, 2013 The 45 degrees rotated 'NEW' text is caused by a css class "new", so just change the class call to a class="my_own_new" or so and then define the class in global.css to adjust as wished. My 2 cents, pascal N.B. (Files that use the class="new" are (maybe there are more, but these I could find in the default theme): /modules/homefeatured/homefeatured.tpl /themes/default/product-list.tpl /themes/default/scenes.tpl themes/default/mobile/category-product-list.tpl Clean cache and give it a try. Link to comment Share on other sites More sharing options...
shadyns Posted June 17, 2013 Author Share Posted June 17, 2013 Thank you for replay but can you please explain me little better what to do... Where is class "new" in global.css? i cant find it or... i what think i can just in file homefeatured.css change some of this lines: products_block_center .product_image span.new { display: block; position: absolute; top: 15px; right: -30px; padding: 1px 4px; width: 101px; font-size: 10px; color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; background-color: rgb(153, 0, 0); transform: rotate(37deg); With some lines where will I add url to new.png to display instead of that tekst new with background color... Link to comment Share on other sites More sharing options...
PascalVG Posted June 19, 2013 Share Posted June 19, 2013 Indeed, some CSS block like this that define new should be adjusted. There may be more that define part of new, though, so search for them in other CSS files Link to comment Share on other sites More sharing options...
shadyns Posted June 20, 2013 Author Share Posted June 20, 2013 Solved Just change this line in homefeatured.css #featured-products_block_center .product_image span.new { display: block; position: absolute; top: 15px; right:-30px; padding: 1px 4px; width: 101px; font-size:10px; color: #fff; text-align: center; text-transform: uppercase; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform:rotate(45deg); -ms-transform: rotate(45deg); background-color: #990000; transform: rotate(37deg); /* Newer browsers */ With those: #featured-products_block_center .product_image span.new { display: block; position: absolute; top: 5px; right:5px; background:url(img/novo.png) no-repeat top right; width: 40px; height: 42px; transform: rotate(-20deg); And you got img(novo.png) at top right corner instead of text "new" with red background color. Link to comment Share on other sites More sharing options...
shadyns Posted June 20, 2013 Author Share Posted June 20, 2013 I cant beleve im that stupid that i dont know to change name of topic to solved... How to do it...? Link to comment Share on other sites More sharing options...
Paulito Posted June 21, 2013 Share Posted June 21, 2013 Good morning Just read PascalVG signature How to add [sOLVED] Paul Link to comment Share on other sites More sharing options...
shadyns Posted June 21, 2013 Author Share Posted June 21, 2013 Then im not that stupid i was try that but USE full editor button dont work there is some usue... Link to comment Share on other sites More sharing options...
vekia Posted June 21, 2013 Share Posted June 21, 2013 yes, unfortunately full editor doesn't work well at the moment, but don't worry - when it will works well - I will mark thread as [solved] regards Link to comment Share on other sites More sharing options...
Recommended Posts