Help w/ Taste theme featured images?

Themes
1

Hi! Webdev noob here, making some edits to the Taste theme. Trying to resize post featured images – they’re way too big by default. I found that I can accomplish this by modifying the percentage in .gh-article-image img{width:100%} in screen.css. But when I do this, the image moves to the left; I’d still like it centered. Have tried a number of edits to the screen.css file, pored over the Ghost forum and other online resources but no luck yet. Any tips? Thx! <3

2

Figured it out, basically. I was using Nick Turner’s guide, but when I would add this code injection, the image would indeed get smaller but would move off to the left. What I ended up doing was, instead of Nick’s recommendation:

<style>
    .article-image {
        max-width: 500px;
        margin: 0 auto !important;
        float: none !important;
	}
</style>

I changed it to this and it works just as I want:

<style>
    .gh-article-image {
        width: 55%;
        margin: 40px auto !important;
        float: none !important;
	}
</style>
2 Likes