Featured Header gets distorted

  • Author
    Posts
  • #909404

    stockholmhf
    Member

    Hi,

    I’m working on a simple website for a friend. Its based on Twenty Ten theme and I’ve bought the Custom CSS upgrade and did some minor tweaks (I’m very new to CSS).

    I have set a custom header size in the Custom CSS (to 940x400px) and when I set a featured image on one of the pages the image gets the wrong proportions. I have all the images in the right size to start with (940x400px).

    I’ve tried to change the default image width in the Custom CSS page to 940px instead of the default 640px but it does not solve the issue

    Is there a way to fix this with only the Custom CSS upgrade? In that case how?

    Best regards!

    http://stockholmhf.wordpress.com/

    The blog I need help with is stockholmhf.wordpress.com.

    #909712

    I love the edits you’ve made so far, and the photos are fantastic!

    I clicked on a couple pages at http://stockholmhf.wordpress.com/ and the header images all looked wide enough. Could you point to a page where we can see the problem currently happening?

    #909745

    stockholmhf
    Member

    Hi, thanks for the reply.

    Well the problem is only visible when i set a featured images as header on one of the pages. As it is now it is a random header across the whole website.

    This is the result of putting a featured header on one of the pages:

    http://stockholmhf.wordpress.com/kurser/valpkurser-2/rallymix/

    Best regards!

    #909753

    Thanks for the link!

    The image is getting stretched like that because of the following custom CSS that you added to your Appearance → Custom Design → CSS page:

    #branding img {
    	display:block;
    	float:left;
    	height:400px;
    	width:940px;
    }

    Changing the height from “400px” to “auto” should fix it for you. Give it a try.

The topic ‘Featured Header gets distorted’ is closed to new replies.