How do I resize a featured image?

Resolved cutebluefrog
(@cutebluefrog)

8 years, 6 months ago

I am using the Lyrical theme, which is a child of Primer. I am trying to figure out how
to edit the featured image without writing code, because I don’t know how to write code.

1) How do I resize the featured image on my Blog page? Currently it is huge, thus taking up too much real estate and it looks bad.

2) The author’s photo (that’s me) automatically appears on top of the featured image over on my Blog page. I went to Settings-Discussion-I unchecked “show avatars”, but then a dorky half circle shows up on my Blog page, where the gravitar was originally. How do I remove the gravitar image and the half circle?

3) When I click on the post with the giant featured image, the featured image automatically appears at the top of the opened post. It looks terrible there. How do I prevent it from showing up inside of the post?

I am pretty smart and I know how to google things, but I don’t speak tech. Please speak in simple terms, because otherwise I will have no idea what you’re saying. I am pulling my hair out trying to figure this out. I’m already a couple hours into trouble shooting and I haven’t resolved anything. Thank you so much for your help!

The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

Evan Herman
(@eherman24)

8 years, 6 months ago
Hi @cutebluefrog,

Without writing any code it’s not possible to make any of the adjustments that you’d like. The features you have outlined are features of the theme itself, and the way it was originally designed.

Since what you are after is a bit outside of the theme support forums, I would recommend you post in the general support forums asking for additional help and custom CSS to get you to where you fully need to be.

But to briefly address your questions, and to get you headed in the right direction, you can make all the of tweaks you need inside of the customizers ‘Additional CSS’ section. From the dashboard if you head into ‘Appearance > Customizer > Additional CSS’ you can try adding the following code snippet to tweak the appearance of your theme.
```
.body.home .hero {
  padding: 0;
}

.featured-image .avatar-container {
  display: none;
}

body:not(.home) .site-header {
  // background-image: url("URLHERE");
  background: none;
}
```
For the last one, you can delete background: none; and remove the // before background-image and add your own URL in place of URLHERE to use a different image. That is going to change the image (or remove it) on all the pages except your homepage.

I hope that helps you at least get headed in the right direction!

Best,
Evan
Thread Starter cutebluefrog
(@cutebluefrog)

8 years, 6 months ago

Hi Evan!
Thank you for your help! Looks like I get to learn basic coding. I really appreciate your help and for pointing me in the right directions.

cheers,

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘How do I resize a featured image?’ is closed to new replies.

Tags