Feature Image Resize / Remove Categories

Shapely
1

Hello,

I have been trying to resize the image on this post and I cannot figure it out. I have tried so much already.
Please let me know what I have to do.

https://thestorytellerman.com/if-not-me-then-who/

I also cannot get the Categories over the images on this page below to go away. When I try to change it with the theme options, nothing happens.

2

I fixed the category issue with this:

span.shapely-category {
display: none;
}

I still cannot figure out how to resize my featured image on the blog posts.

3

Hey there

How exactly you want to resize it? what is your goal? I see the image is displayed normally without any pixelation, there is no option in the theme to resize default featured image :frowning:

4

Well I basically just don’t want the Featured Image to take up the entire page. Maybe make it the images default size. The image is only 300x200 or something like that but the theme makes it huge. I’d like for it to be a lot smaller.

5

Hi There,

Thanks for the clarification.

The featured image is designed to take 100% width, the height is dependent on the picture’s aspect ratio.

However, you can change using the following CSS.


.post-content .entry-header img {
	width: 50%; }

Hope this helps.

6

This is a step in the right direction.
Now it changes the size of the image on the “stories” page here:

Also, now that the image is a different size, how can I go about centering it on the blog post?

7

Good morning

Please try this code instead:

.single-post .post-content .entry-header img {
width: 30%;
display: block;
margin: 0 auto;
}

with this code only featured image inside a single post will be resized, also it will be centered

8

This worked perfectly! Thank you!

9

Thank you too :slight_smile:

Let me know if you have other questions too