Different images on landing page to on post page

  • Resolved Alice Todd

    (@alice-todd)


    9 years, 11 months ago

    Hello,

    I am currently trying to use a different square image on the post display homepage (i.e. https://www.swimquest.uk.com) – I want the top left hand image to remain as Cassie Patten, however when you click through to the post page, I would like to use a different featured image for the header, as – as you can see – the crop of her arms doesn’t really work here. (www.swimquest.uk.com/cassie)

    Can you suggest a method of making this work? Any help would be great
    Thanks,

    Alice

Viewing 8 replies - 1 through 8 (of 8 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Alice, since that image is set as a background-image in the markup (HTML) we can use the page ID CSS body class (found in the opening body selector on that page) and override that image. We have to use the !important attribute in order do to this. Replace URL_OF_IMAGE between the quote marks with the image you wish to use.

    .postid-2921 .entry-thumbnail {
    background-image: url('URL_OF_IMAGE') !important;
}

    I would suggest creating a child theme so that any customizations you make will not be overwritten by a future theme update. Alternately you can use the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.

    Child Themes
    Child Theme creation plugins
    Jetpack plugin
    Custom CSS plugins

    Thread Starter Alice Todd

    (@alice-todd)

    This worked perfectly – I used a Custom CSS plugin to implement, thank you so much, really useful.

    Hi ALice, I like your site a lot, can you give me a hint how you manage to put for e.g. the mathraki post in the sub navigation of locations? It seems that you didn’t need a catogory to do so? I hope you understand my question and would be very happy to hear from you. Thanks a lot. U

    Thread Starter Alice Todd

    (@alice-todd)

    Hello, thank you!
    Sorry for the delay in replying. You can do this under the ‘Appearance, Menus’ tab from your dashboard. You can then just drag and drop posts and pages into the relevant menu areas – does that hep at all?

    Hello, thank you so much for your time to answer my questions,but I don’t find the posts under the Menu tab. Or did you creat a category for every Post? Sorry that I have to ask again but realy liked the way how you did it. Thanks a lot

    xingxo – you might want to check out this guide to creating a custom menu:

    https://codex.www.ads-software.com/WordPress_Menu_User_Guide

    xingxo – if you need further help with your Pictorico menu, could you please start a new thread? Thanks.

    https://www.ads-software.com/support/theme/pictorico#postform

    hello kathryn, I found my mistake, thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Different images on landing page to on post page’ is closed to new replies.