[Nicky]

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

[Skandha]

@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

[Nicky]

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

[Skandha]

@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

[Nicky]

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

[Nicky]

Hi Skandha

Could you help me with these issues please?

Kind regards

[Skandha]

@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

[Nicky]

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

[Skandha]

@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