Text in image area on all other pages except front page

Viewing 3 replies - 1 through 3 (of 3 total)
  • Roman Bondar

    (@romanbon)

    6 years, 1 month ago

    Hello TJ, try to use the following CSS code.

    You can add CSS code in Customize → Additional CSS section.

    .page-id-207 .header-image .overlay::after {
    content: 'Job Seekers';
    color: white;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 700 42px/1.1 "Raleway", sans-serif;
}

    Kind Regards, Roman.

    Thread Starter sugt

    (@sugt)

    6 years, 1 month ago

    Actually Roman – sorry I wasn’t clear – can I add custom text to each page’s image area? I feel like it needs some copy.

    Roman Bondar

    (@romanbon)

    6 years, 1 month ago

    Hello TJ, try to use this CSS code instead of previous:

    .header-image .overlay::after {
    color: white;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 700 42px/1.1 "Raleway", sans-serif;
}

.page-id-207 .header-image .overlay::after {
    content: 'Job Seekers';
}

.page-id-213 .header-image .overlay::after {
    content: 'Employers';
}

.page-id-221 .header-image .overlay::after {
    content: 'Job Openings';
}

.page-id-125 .header-image .overlay::after {
    content: 'About Us';
}

.blog .header-image .overlay::after {
    content: 'Blog';
}

    Kind Regards, Roman.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Text in image area on all other pages except front page’ is closed to new replies.