• 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.