Edin theme: reduce image height on homepage

darrellschulte · Member · Jul 15, 2015 at 1:56 pm

Hi Saimma,

If you have Custom Design, you could do the following:

div.hero.with-featured-image {
	padding-top: 20px;
	padding-bottom: 20px;
}

figcaption.wp-caption-text {
    padding-top: 1px;
}

saimma · Member · Jul 15, 2015 at 8:09 pm
Copy link
Hi daschultemn,

That worked, thanks! Could you also advise how to change the font size, I tried playing with the css you provided above but can’t figure what would affect the font size?

Thanks!
darrellschulte · Member · Jul 15, 2015 at 8:35 pm
Copy link
Font size of the caption text or something else?
saimma · Member · Jul 15, 2015 at 8:58 pm
Copy link
yes the caption text (text on the featured image)
darrellschulte · Member · Jul 15, 2015 at 9:19 pm
Copy link
This should bump the size of the caption up and adjust the padding (you asked earlier).
```
figcaption.wp-caption-text {
    padding-top: 1px;
    font-size: 16px;
}
```
saimma · Member · Jul 15, 2015 at 10:03 pm
Copy link
Thanks, the font size isn’t changing but actually I think the design looks good anyway now with the amended header height and padding.

Thanks for your prompt help! :)
darrellschulte · Member · Jul 16, 2015 at 4:10 am
Copy link
The font-size used in the custom CSS actually matches the original text size (14px). Try something different and you’ll see that it changes the font size for the caption text.

Glad you’re happy with the outcome.

The topic ‘Edin theme: reduce image height on homepage’ is closed to new replies.

WordPress.com forums