• Hi,
    first time posting here. I’ve spent about 2 hours going through all possible posts and tried so many different options and I still can’t get my featured image to sit properly. Have a look at my site and you’ll see my problem right away.

    mistergc.com

    I’m new to this sort of stuff….before it was only WYSIWYG for me so simple explanations would be appreciated.

    Many thanks in advance, mistergc

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi!
    I see this is a child theme of twentyfourteen. How confident are you with CSS?

    The problem is that the image is not big enough for the box. There are 3 possible solutions:
    1. make the image bigger in something like photoshop and re-upload it
    2. Change the CSS for the image from

    .full-width .post-thumbnail img {
    	display: block;
    	margin: 0 auto; }

    to

    .full-width .post-thumbnail img {
    	display: block;
    	width:100%;
    	height:auto;
    }

    3. get rid of the background stripes so it doesn’t appear too small

    .post-thumbnail {
    	/* background: #b2b2b2 url(images/pattern-light.svg) repeat fixed; */
    	display: block;
    	position: relative;
    	width: 100%;
    	z-index: 0;
    }

    Thanks

    Thread Starter mistergc

    (@mistergc)

    :0( I’ve tried everything you posted and still no luck.

    I uploaded a full size 14mp image to see if that would work but no change.

    I copied and pasted #3 into the ‘Edit CSS’ and when that didn’t work I tried it in the ‘Editor’ on my dashboard.

    I looked for the code you mentioned in steps #1&2 so that I could change it but I couldn’t find it anywhere.

    Thanks again for your help, mistergc.

    Hello!
    You’ve changed your site quite a lot since I last saw it! Do you still need help with this problem?

    I’m not sure why such a large file wouldn’t fill the space as you had the site before… the only thing I can think is that you selected the ‘medium’ setting in the images library instead of ‘large’ or ‘full size’ when you were inserting the image into the post.

    Thanks

    Thread Starter mistergc

    (@mistergc)

    Hi,
    I just played with the ‘inspect element’ tool while viewing my pages in my browser and I did get it to sit properly but it didn’t save and when I copied and pasted the css into my editor it didn’t do anything.

    I was at it nearly all day yesterday and I’ve given up on the featured item for now. Once I get the site up and running I’ll concentrate on the little touches.

    Thank you very much for your help. I appreciate that.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Align featured image on post’ is closed to new replies.