How to Customize Featured Image Size on Individual Posts and Blog Page

  • Resolved watbos

    (@watbos)


    5 years, 11 months ago

    I’m looking to reduce the “featured image” on the individual post pages. At the moment it stretches across the screen. Looks great on phones and tablets, but on a laptop or desktop is quite large. I would like this image to match the width of the column or text block. I created a child theme…but can’t figure out if I need to alter the CSS or is it a template.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter watbos

    (@watbos)

    Forgot to include, this is for the Twenty Seventeen theme.

    Try this CSS in your child theme style.css file

    .single .single-featured-image-header {
	max-width: 1000px;
	margin: auto;
}

    You can adjust the 1000px value accordingly to shrink the width to your liking

    Thread Starter watbos

    (@watbos)

    Oh thank you for your help. I was getting so confused. This worked and not it makes sense.

    Can I just add the CSS above to Additional CSS in my Twenty Seventeen theme? Doesn’t seem to do anything. Should I be adding it somewhere else?

    Thanks!

    Thread Starter watbos

    (@watbos)

    Not sure how to tactfully ask this, but did you clear your browser cache and reload the page after adding the CSS to Additional CSS area of the Twenty Seventeen theme? If yes, I’m not sure why you’re not seeing changes. Hopefully someone else can advise?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to Customize Featured Image Size on Individual Posts and Blog Page’ is closed to new replies.