Support » Themes and Templates » Resizing Images Using CSS?

  • I want to use thumbnails of images on the home page. I did this by editing the widths and heights of the images in the CSS, as shown:

    #featured img {
    	margin: 0px;
    	padding: 0px;
    	width: 70%;
    	height: 70%;
    }
    
    #leftcol img {
    	display: none;
    }
    
    #rightcol img {
    	width: 40%;
    	height: 40%;
    }

    As you can see, I want the featured image to be 70% of its actual size, the right column images to be 40% of their actual size, and the left column images to be invisible.

    However, this only functions properly in FF and IE8. Is there any workaround for this?

    The site can be found here.

    Thanks in advance.

  • The topic ‘Resizing Images Using CSS?’ is closed to new replies.