Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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

    #284640
    Skandha
    Keymaster

    @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

    #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

    #284721
    Skandha
    Keymaster

    @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

    #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

    #285070
    Nicky
    Participant

    Hi Skandha

    Could you help me with these issues please?

    Kind regards

    #285211
    Skandha
    Keymaster

    @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

    #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

    #285439
    Skandha
    Keymaster

    @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

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.