Canard Theme – Change Featured Image Size

  • Unknown's avatar
    milesandbasil · Member ·

    Hi, I need help trying to decrease the featured image size that appears in Pages so that the black bars left and right don’t show when i upload anything other than a huge image.

    My target size is 1260×500 appreciate any help!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    siobhyb · Member ·

    Hi Serene,

    It’s possible to change the size of the featured image with some custom CSS.

    In case you’re not familiar: CSS is a coding language that’s used across the web to change the appearance of websites. Here at WordPress.com, it’s possible to add custom CSS to override certain parts of a theme’s design.

    To add custom CSS, you firstly need to navigate to My Site in the top left of WordPress.com then choose the option to Customize in the left sidebar. You’ll reach what’s known as the WordPress.com Customizer.

    From the Customizer, click on the CSS tab. Below the introductory text in the resulting editor, copy and paste the following snippet:

    .entry-hero .post-thumbnail img {
        width: 1260px;
}

    The above will set the width of all your pages’ featured images to 1260px.

    You can increase/decrease the value of 1260px to your liking. If you’d like the image to take up the full width of your screen then you can set this to 100%, also. The height will adjust automatically based on the width you set for the image.

    Let me know if that’s helpful or if you were hoping to achieve a slightly different effect. I’ll be happy to help further.

  • The topic ‘Canard Theme – Change Featured Image Size’ is closed to new replies.