would like to alter the height of the featured image area

Hi @and70,

I am using the Edin theme for a website I am designing but I would like to reduce the height of the area that displays the featured image on all pages

The simplest way to reduce the height would be to reduce the padding that’s added to the area with custom CSS.

You can add CSS by first navigating to Appearance > Customize > Additional CSS. From there, copy/paste the following snippet:

@media screen and (min-width: 1230px) {
    .hero.with-featured-image, body[class*=front-page] .hero {
        padding: 130px 0;
    }
}

Increase/decrease the first value of padding from 130px to further increase/decrease the amount of space your liking.

I would also like to know how I can change the alignment of the typeface which is displayed here.

You could use the following to align the title that appears within the featured image to the left (rather than the centre):

.hero.with-featured-image .page-title, .hero.with-featured-image .hentry {
    text-align: left;
}

Hope that’s helpful! Let me know if you have any extra questions.

Excellent Siobhan that did the trick. Thank you for your help

Glad to hear that! You know where to find us if anything else comes up.