• Resolved krisbinns

    (@krisbinns)


    How do you edit the job background on a header? There is no option to edit it for me. The header background colour is just dark grey.

    Usually on posts, you can add an image or colour in the categories section.

    Any help would be very much appreciated.

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support Deric (a11n)

    (@dericleeyy)

    Hi @krisbinns ,

    WP Job Manager follows the styling of your existing WordPress theme. The Job Header background can be easily customized via your theme. An example CSS to customize the background of the Job Title to Blue would be:

    h1.entry-title {
        background-color: blue;
    }

    Hope this helps!

    Thread Starter krisbinns

    (@krisbinns)

    Hi Deric,

    Thank you for your reply. I tried adding that code to additional CSS in the theme customization but unfortunately nothing changed.

    braehler

    (@braehler)

    @krisbinns

    can you provide a link to your site, so we can take a closer look

    Thread Starter krisbinns

    (@krisbinns)

    Yes, no problem. Thank you.

    I have not yet added the jobs and made them live.

    [ redundant link removed ]

    braehler

    (@braehler)

    @krisbinns
    an active job would be nice, otherwise we can′t see the header you′re talking about

    Thread Starter krisbinns

    (@krisbinns)

    Here is the link to the job that is now live:

    [ redundant link removed ]

    Thanks.

    braehler

    (@braehler)

    this should be the right CSS

    .page-title {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: red;
    }

    Just change background-color: red to your needs

    also you need to edit the before item with this

    .page-title:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: block;
        background-color: red;
    }
    Thread Starter krisbinns

    (@krisbinns)

    Thank you so much, that worked!

    I really appreciate your help.

    Have a great day,
    Kris

    braehler

    (@braehler)

    You′re welcome

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Changing Job Header Background’ is closed to new replies.