Title: Problems with CSS
Last modified: August 19, 2016

---

# Problems with CSS

 *  Resolved [krvz](https://wordpress.org/support/users/krvz/)
 * (@krvz)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/problems-with-css-1/)
 * Strange problem I’m having. I’m using the Visio theme with wp e-commerce plugin.
   Anyway, I skinned a widget that is provided through wp e-commerce so it displays
   two rows of thumbnails instead of one. It worked fine on a test blog (here) but
   didn’t work on the real site (here), seems that the CSS isn’t being applied (
   ie, I can change the padding with no effect on the real site). php and CSS are
   below, any ideas? Thanks in advance!
    -  CSS
 * div#sidebar div. item_image_right img {
    float:right; border:medium none; max-
   width:none !important; padding:100px 0pt 0pt 2px; }
 * div#sidebar div. item_image_left img {
 *  border:medium none;
    max-width:none !important; padding:100px 0pt 0pt 20px; }
    -  php
 *     ```
       function nzshpcrt_latest_product($input = null) {
       	global $wpdb;
   
       	$siteurl = get_option('siteurl');
       	$latest_product = $wpdb->get_results("SELECT * FROM <code>&quot;.WPSC_TABLE_PRODUCT_LIST.&quot;</code> WHERE <code>active</code> IN ('1') ORDER BY <code>id</code> DESC LIMIT 10", ARRAY_A);
       	if($latest_product != null) {
       		$output = "<div>";
   
       $count = 0; 
   
       			foreach($latest_product as $special) {			
   
       if($count % 2 == 0){
   
       $output.="<div>";
       			$output.="<div class='item_image_right'>";
        			$output.="<a href='".wpsc_product_url($special['id'],$special['category'])."'>";
       			if(($special['image'] > 0)) {
   
       				if(get_option('wpsc_selected_theme') == 'marketplace') {
       					$src = WPSC_IMAGE_URL.$special['image'];
   
       					$output .= "				<img src='". "index.php?image_id={$special['image']}&width=100&height=75' title='".$special['name']."' alt='".$special['name']."' />";
   
       				} else 	{
       					$output .= "			<img src='". "index.php?image_id={$special['image']}&width=75&height=75'/>  ";
   
       }
       			} else {
       				//$output .= "<img src='$siteurl/wp-content/plugins/wp-shopping-cart/no-image-uploaded.gif' /><br />";
       			}
   
        			$output.="		</a>";
       			$output .= "	</div>";
   
       			$output .= "	</a>";
       			$output .= "</div>";
   
       $count++;
       }
   
       else{
       $count++; 
   
       			$output.="<div>";
       			$output .= "	<div class='item_image_left'>";
        			$output.="			<a href='".wpsc_product_url($special['id'],$special['category'])."'>";
       			if(($special['image'] > 0)) {
   
       				if(get_option('wpsc_selected_theme') == 'marketplace') {
       					$src = WPSC_IMAGE_URL.$special['image'];
   
       					$output .= "				<img src='". "index.php?image_id={$special['image']}&width=100&height=75' title='".$special['name']."' alt='".$special['name']."' />";
   
       				} else 	{
       					$output .= "			<img src='". "index.php?image_id={$special['image']}&width=75&height=75' title='".$special['name']."' alt='".$special['name']."' />  ";
   
       }
       			} else {
       				//$output .= "<img src='$siteurl/wp-content/plugins/wp-shopping-cart/no-image-uploaded.gif' title='".$special['name']."' alt='".$special['name']."' /><br />";
       			}
   
        			$output.="		</a>";
       			$output .= "	</div>";
   
       			$output .= "	</a>";
       			$output .= "</div>";
       		}
       }
   
       		$output .= "</div>";
       	} else {
       		$output = '';
       	}
   
       	echo $input.$output;
   
       }
       ```
   

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

 *  [kz](https://wordpress.org/support/users/kz/)
 * (@kz)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/problems-with-css-1/#post-1369525)
 * Pls show the real site URL if possible.
 *  Thread Starter [krvz](https://wordpress.org/support/users/krvz/)
 * (@krvz)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/problems-with-css-1/#post-1369540)
 * Crap, had thought I linked it, sorry.
 * Real site is: [http://artistsforhope.org/](http://artistsforhope.org/)
    Test 
   site is: [http://foreveryoungoriginals.com/testblog/](http://foreveryoungoriginals.com/testblog/)
 * Thanks!
 *  [kz](https://wordpress.org/support/users/kz/)
 * (@kz)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/problems-with-css-1/#post-1369563)
 * In the real site, there is only div.item_image.
 * Change div.item_image in the real site to div.item_image_left or div.item_image_right.
 *  Thread Starter [krvz](https://wordpress.org/support/users/krvz/)
 * (@krvz)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/problems-with-css-1/#post-1369568)
 * I had forgotten that I had changed it back while experimenting. I re-added the
   code you mentioned and am able to separate the images by the loop (you can see
   that half are sized differently to prove the logic is working). However, I still
   can’t understand why the CSS isn’t being applied. I made sure the different items
   were still in the CSS file (see below). Thanks for helping me!
 * div#sidebar div.item_image_left img {
    border:medium none; max-width:none !important;
   padding:2px 0px 0px 2px; }
 * div#sidebar div.item_image_right img {
    float:right; border:medium none; max-
   width:none !important; padding:2px 0px 0px 2px; }
 *  Thread Starter [krvz](https://wordpress.org/support/users/krvz/)
 * (@krvz)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/problems-with-css-1/#post-1369577)
 * Got it! Found out that my css was being stored in a different folder than the
   test blog. Strange. End result [here](http://artistsforhope.org). Thanks again!

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

The topic ‘Problems with CSS’ is closed to new replies.

## Tags

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

 * 5 replies
 * 2 participants
 * Last reply from: [krvz](https://wordpress.org/support/users/krvz/)
 * Last activity: [16 years, 3 months ago](https://wordpress.org/support/topic/problems-with-css-1/#post-1369577)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
