changing images on specific pages

Hi,

I have support access on for parisprivatephototours.com

What would the CSS be to make the following changes?

The image on the abous us page to 2.jpg

testimonials: 13.jpg

contact us page: 7.jpg

  • Konstantinos Xenos
    • Rubber Duck Debugger

    Hi cornelius_butler ,

    You can add this set of CSS into the Customizer ( Appearance -> Customize -> Additional CSS ). You will also have to probably add the “background-position” and “background-size” rules as well and adjust them to your liking depending how you want the images to be displayed.

    Note that if you remove and add new pages, you will have to also change the page-id-PAGEID number to correctly target the specific background for each page.

    /* About Me */
    body.page-id-8 .header-callout .bg-secondary {
    background-image: url(http://www.parisprivatephototours.com/wp-content/uploads/2018/09/P2.jpg) !important;
    }

    /* Testimonials */
    body.page-id-207 .header-callout .bg-secondary {
    background-image: url(http://www.parisprivatephototours.com/wp-content/uploads/2018/09/P13.jpg);
    }

    /* Contact Me */
    body.page-id-14 .header-callout .bg-secondary {
    background-image: url(http://www.parisprivatephototours.com/wp-content/uploads/2018/09/P7.jpg);
    }

    Regards,

    Konstantinos

    • Konstantinos Xenos
      • Rubber Duck Debugger

      This is what I see on your testimonials and that's correctly pointed to the P13.jpg, maybe your browser has cache that needs to be cleared? It's good to either flush caches when working on sites, or not use cache at all while making changes as sometimes it could be confusing.

      Regards,

      Konstantinos

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.