Change banner photo

  • keswickps

    (@keswickps)


    1 week ago

    Hi

    I’ve newly taken over a not-for-profit website. Know nothing about CSS.

    I’d like to change the site’s banner to include an image above the menu underneath the site’s logo.

    There is nothing in Appearance/customize to allow me to do this. If I choose a header image it puts it below the menu over the entire front page. I want it above the menu where the logo is.

    If this isn’t possible I’d like to change the theme colours instead – there is a customise option in appearance/customise/colors but when I move the slider nothing happens:

    Thanks for any advice.
    KPS

    • This topic was modified 1 week ago by keswickps.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter keswickps

    (@keswickps)

    5 days, 16 hours ago

    Nobody replied to this, but I finally worked it out myself. I couldn’t find how to add an image above the menu to my header, but managed to change the header colour. So for anyone else wondering the same thing here’s what I did.

    Right click anywhere on your website and choose Inspect (Q)
    Click on the arrow in the top left corner of Inspect
    Then click on your header. This will tell you the “div class” of your header (mine is site-branding).
    Exit Inspector by clicking the X on the far right.

    To go your site’s dashboard.
    Click on Appearance/Customise/Additional CSS
    Input the following CSS:

    /*header colour */
    .site-branding {
    background-color: #016eac;
    }

    Replace “.site-branding” with whatever your Inspect Q div class is for your header, and the hex (#) with whatever colour you want the header to be.
    Click publish and your header colour should now have changed.

    My theme is Twenty Seventeen.

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.