Title: Spiff75's Replies | WordPress.org

---

# Spiff75

  [  ](https://wordpress.org/support/users/spiff75/)

 *   [Profile](https://wordpress.org/support/users/spiff75/)
 *   [Topics Started](https://wordpress.org/support/users/spiff75/topics/)
 *   [Replies Created](https://wordpress.org/support/users/spiff75/replies/)
 *   [Reviews Written](https://wordpress.org/support/users/spiff75/reviews/)
 *   [Topics Replied To](https://wordpress.org/support/users/spiff75/replied-to/)
 *   [Engagements](https://wordpress.org/support/users/spiff75/engagements/)
 *   [Favorites](https://wordpress.org/support/users/spiff75/favorites/)

 Search replies:

## Forum Replies Created

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

 *   Forum: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
   
   In reply to: [CSS drop down targeting](https://wordpress.org/support/topic/css-drop-down-targeting/)
 *  Thread Starter [Spiff75](https://wordpress.org/support/users/spiff75/)
 * (@spiff75)
 * [13 years ago](https://wordpress.org/support/topic/css-drop-down-targeting/#post-3695775)
 * I’m not sure I follow…
 * the ul can’t have id as “nav” or…?
 *   Forum: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
   
   In reply to: [CSS drop down targeting](https://wordpress.org/support/topic/css-drop-down-targeting/)
 *  Thread Starter [Spiff75](https://wordpress.org/support/users/spiff75/)
 * (@spiff75)
 * [13 years ago](https://wordpress.org/support/topic/css-drop-down-targeting/#post-3695754)
 * Fiddle: [http://jsfiddle.net/X5P8T/2/](http://jsfiddle.net/X5P8T/2/)
 *   Forum: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
   
   In reply to: [Styling categories drop down widget](https://wordpress.org/support/topic/styling-categories-drop-down-widget/)
 *  Thread Starter [Spiff75](https://wordpress.org/support/users/spiff75/)
 * (@spiff75)
 * [13 years ago](https://wordpress.org/support/topic/styling-categories-drop-down-widget/#post-3690931)
 * Thanks but I can already see the code from right click-view source or just dl:
   ing the page. Unless theres some deeper feature in firebug…?
 * The code is:
 *     ```
       <div id="categories_widget">
       Kategoriat
       <select id="cat" class="postform" name="cat">
       <option value="-1">Select Category</option>
       <option class="level-0" value="6">Asetelma</option>
       <option class="level-0" value="8">Eläimet</option>
       <option class="level-0" value="11">Ihmiset</option>
       <option class="level-0" value="9">Kasvit</option>
       <option class="level-0" value="7">Maisema</option>
       <option class="level-0" value="4">Mustavalko</option>
       <option class="level-0" value="10">Rakennukset</option>
       <option class="level-0" value="5">Värikuva</option>
       </select>
       ```
   
 * I just don’t know what to change and how. I’ve tried all kinds of variations 
   and still trying…
 * Also is it possible to change the “Select Category” default text?
    If not, I’ll
   probably have to cut this feature.
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [Resize image keeping both sizes on ratio](https://wordpress.org/support/topic/resize-image-keeping-both-sizes-on-ratio/)
 *  Thread Starter [Spiff75](https://wordpress.org/support/users/spiff75/)
 * (@spiff75)
 * [13 years ago](https://wordpress.org/support/topic/resize-image-keeping-both-sizes-on-ratio/#post-3672658)
 * I tried to make the resizer with javascript, but I can’t get it to work as I’m
   not really an expert on this. Any help?
 * [http://jsfiddle.net/DJngT/](http://jsfiddle.net/DJngT/)
 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [Resize image keeping both sizes on ratio](https://wordpress.org/support/topic/resize-image-keeping-both-sizes-on-ratio/)
 *  Thread Starter [Spiff75](https://wordpress.org/support/users/spiff75/)
 * (@spiff75)
 * [13 years ago](https://wordpress.org/support/topic/resize-image-keeping-both-sizes-on-ratio/#post-3672652)
 * I got it working …kind of. I did a stripped down test page and it works:
 * [http://tomiphotography.com/wp-content/themes/Photomi/Test/post-2.html](http://tomiphotography.com/wp-content/themes/Photomi/Test/post-2.html)
 * But when I use the same exact css in the main WP page the image ratio goes haywire
   and the image isn’t centered????:
 * [http://tomiphotography.com/?p=176](http://tomiphotography.com/?p=176)
 * 🙁
 * Any idea what might be in WP that overrides some css?
 * HTML:
 *     ```
       <body>
   
           <div id="wrapper">
             <div id="left_column">
             </div>
   
             <div id="right_column_post">
   
                 <div id="post_container">
   
                       <img src="http://tomiphotography.com/wp-content/uploads/2013/04/Ruka-viimeinen.jpg"/>
   
               </div>
   
             </div>
   
           </div>
   
           </body>
       ```
   
 * CSS:
 *     ```
       html {
       		height: 100%;
       		padding:0;
       		margin:0;
       	}
   
       	body {
       		background-color: #000000;
       		height: 100%;
       		padding: 0;
       		margin: 0;
   
       		background: url(img/bg.jpg);
       		background-repeat: no-repeat;
       		background-attachment: fixed;
       		background-position: bottom left;
       		-webkit-background-size: cover;
       		-moz-background-size: cover;
       		-o-background-size: cover;
       		background-size: cover;
       	}
   
       	#wrapper {
       		float: left;
       		height: 100%;
       		width:100%;
       		padding:0;
       		margin:0;
       	}
   
       	#left_column {
       		position: fixed;
       		top: 0;
       		bottom: 0;
       		left: 0;
       		z-index:100;
       		width: 240px;
       		height: 100%;
       		overflow: hidden;
       		background-color:#ff0000;
   
       	}
   
       	#right_column_post{
       		height: 100%;
       		width:auto;
       		margin-left:240px;
       		position: relative;
       	}
   
       	#post_container  {
       	  position:fixed !important;
       	  position:absolute;
       	  margin:auto;
       	  text-align:center;
       	  top:8%;
       	  right:80px;
       	  bottom:10%;
       	  left:320px;
       	}
       	#post_container img {
       		max-width:100%;
       		max-height:100%;
       		padding:4px;
       		background-color:#fff;
       	}
       ```
   

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