Help with editing some basic css
-
How do I get from Point A, where the grey border is small and the thing is in the middle, to point B where the grey border is bigger and the prices are aligned to the left?
According to this picture:
http://flic.kr/p/cRV6k7(This is Amazon PIP)
Heres the css style thing:/*version 1.7*/ table.amazon-product-table { border-collapse : collapse; border : 0 none !important ; width : 100%; } table.amazon-product-table td { border : 0 none !important ; padding : 0 !important ; } div.amazon-image-wrapper { text-align : center; width : 170px; float : left; padding : 0 10px 0 10px; } table.amazon-product-table hr { display : block; } span.amazon-tiny { font-size : 10px; } div.amazon-buying { text-align : left; } h2.amazon-asin-title { margin : 0 0 5px 0; line-height : 1.25; font-size : 10pt; } span.asin-title { text-align : left; } span.amazon-author { color : #666; font-size : 12px; } span.amazon-starring-label { color : #999; font-size : 10px; } span.amazon-director-label { color : #999; font-size : 10px; } span.amazon-rating-label { color : #999; font-size : 10px; } span.amazon-starring { color : #666; font-size : 12px; } span.amazon-director { color : #666; font-size : 12px; } span.amazon-rating { color : #666; font-size : 12px; } table.amazon-product-price { border-collapse : collapse; border : 0 none; /*width : auto;*/ padding : 0 !important ; } table.amazon-product-price a img.amazon-image { background-color : transparent !important ; border : 0 none !important ; } td.amazon-post-text { text-align : left; padding : 0 !important ; } td.amazon-list-price-label { font-size : 10px; color : #666; text-align : left; width : 10%; } td.amazon-list-price { width : 90%; text-decoration : line-through; text-align : left; } td.amazon-price-label { font-size : 10px; color : #666; text-align : left; width : 10%; } td.amazon-price { font-size : 14px; color : #800000; font-weight : bold; text-align : left; } td.amazon-new-label { font-size : 10px; color : #666; text-align : left; width : 10%; } td.amazon-new { font-size : 14px; color : #800000; text-align : left; font-weight : bold; } td.amazon-used-label { font-size : 10px; color : #666; text-align : left; width : 10%; } td.amazon-used { color : #666; text-align : left; } div.amazon-dates { padding : 0 !important ; text-align : left; } div.amazon-dates span.amazon-preorder { font-weight : bold; color : #d16601; text-align : left; } div.amazon-dates span.amazon-release-date { font-size : 10px; color : #666; text-align : left; } span.instock { font-size:8pt; color:#008000; } span.outofstock { font-size:8pt; color:#800000; } div.appip-multi-divider { margin:10px 0; }
Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
The topic ‘Help with editing some basic css’ is closed to new replies.