Title: Help with editing some basic css
Last modified: August 20, 2016

---

# Help with editing some basic css

 *  [colmstar](https://wordpress.org/support/users/colmstar/)
 * (@colmstar)
 * [13 years, 9 months ago](https://wordpress.org/support/topic/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](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)

 *  [Christine Rondeau](https://wordpress.org/support/users/crondeau/)
 * (@crondeau)
 * [13 years, 9 months ago](https://wordpress.org/support/topic/help-with-editing-some-basic-css/#post-2968353)
 * Can you please provide a link to your site. Working off an image is impossible
   as it’s impossible to know what styles do what.
 * You should also try getting familiar with firebug. [http://getfirebug.com](http://getfirebug.com)
   
   It’s very useful when editing stuff like this.
 *  Thread Starter [colmstar](https://wordpress.org/support/users/colmstar/)
 * (@colmstar)
 * [13 years, 9 months ago](https://wordpress.org/support/topic/help-with-editing-some-basic-css/#post-2968359)
 * Here is my website: [http://bit.ly/RNcSFB](http://bit.ly/RNcSFB)
    The ad is on
   the top page
 * Here is an example of what I want it to look like [http://ebestvacuumforhardwoodfloors.com/the-miele-s7-twist/](http://ebestvacuumforhardwoodfloors.com/the-miele-s7-twist/)
 *  Thread Starter [colmstar](https://wordpress.org/support/users/colmstar/)
 * (@colmstar)
 * [13 years, 9 months ago](https://wordpress.org/support/topic/help-with-editing-some-basic-css/#post-2968365)
 * Might be good to mention that this is the weaver theme
 * _[[please do not bump]](http://codex.wordpress.org/Forum_Welcome#No_Bumping)_

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Help with editing some basic css’ is closed to new replies.

## Tags

 * [amazon plugin](https://wordpress.org/support/topic-tag/amazon-plugin/)
 * [css](https://wordpress.org/support/topic-tag/css/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 2 participants
 * Last reply from: [colmstar](https://wordpress.org/support/users/colmstar/)
 * Last activity: [13 years, 9 months ago](https://wordpress.org/support/topic/help-with-editing-some-basic-css/#post-2968365)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics