Feature Image size

This topic has 8 replies, 2 voices, and was last updated 3 years, 4 months ago by Skandha.

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
June 17, 2021 at 12:56 am #284607

Nicky
Participant

Hi

Is it possible to resize the feature image on two different pages?

On the main page I’d prefer it to be smaller and in a bit from the left hand side http://art.dawnbeer.co.uk/blog/. I’d also like to remove the lower horizontal rule from this page.

The image on the post page is very large and I would like this to be smaller if possible. http://art.dawnbeer.co.uk/new-work/

Many thanks

June 17, 2021 at 4:00 am #284640
Skandha
Participant
@nicky_poppy: Hello there,
I checked the image on the blog page and it seems to be displaying fine. The height of the featured image depends on the amount of content on the right.

On the post page you seem to have a smaller image. If you want to remove the bigger image.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
.single-post .post-thumbnail {
    display: none;
}
```
Let me know if this helps you out!
Kind Regards,
Skandha
June 17, 2021 at 6:47 am #284669

Nicky
Participant

Hi Skandha

Thanks for your help. Yes, the additional CSS code worked, thank you.

On the blog page I would prefer for the image to be more the size that I’ve now got on the post page. Would this be possible?

Also, is it possible to remove the lower HR line? The line that’s running along the top of the first image.

Many thanks

June 18, 2021 at 3:33 am #284721

Skandha
Participant

@nicky_poppy: Hello there,
To remove the line at the bottom of blog page
Go to => Appearance => Customize => Widgets => Footer 1 => Edit Custom HTML widget => Remove the <hr> tag and Publish.

Can you try uploading the featured images to like 320px*320px and see if the images on the blog page appear better?

Let me know if this helps you out!
Kind Regards,
Skandha

June 21, 2021 at 3:54 pm #284971

Nicky
Participant

Thank you Skandha

The <hr> is at the top of the blog page. There’s one above my menu and then there’s a second which I’d like to remove if possible.

I tried uploading the featured image to 320px x 320px but it didn’t make a difference unfortunately.

Many thanks

June 22, 2021 at 12:03 pm #285070

Nicky
Participant

Hi Skandha

Could you help me with these issues please?

Kind regards

June 24, 2021 at 8:25 am #285211
Skandha
Participant
@nicky_poppy: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
```
.blog .page-title-wrapper::before, .site-header-menu {
    border-top: unset;
}
```
Let me know if this helps you out!
Kind Regards,
Skandha
June 28, 2021 at 3:41 pm #285410

Nicky
Participant

Thank you Skandha. The code removes the line above and below my menu whereas I only really want the line below my menu to disappear if possible.

Kind regards

June 29, 2021 at 2:20 am #285439
Skandha
Participant
@nicky_poppy: Hello there,
Please replace the CSS Code with the code below.
```
.blog .page-title-wrapper::before {
    border-top: unset;
}
```
Let me know if this helps you out!
Kind Regards,
Skandha
Author

Posts