(715) 203-0276 | Contact Us | FAQ

Home Replacing Stock Images

Replacing Stock Images

post image

There is only one set of stock images provided by default when your job board is initially setup.

These images must be updated in the source code for the respective pages. If you first upload your images to the Media (see Adding Media to Your Site) section of the back-end admin, then update the HTML to point to the URL of the image once it is uploaded, the images can then be updated "on the fly" in the future.

Below is a list of all stock images and their default dimensions for your reference.

Stock Image Dimensions

Page Name Page Slug Image Location(s) on Page Device Viewport Dimensions (pixels)
Home Page https://site.com/ Top Image Desktop 2550 x 600
Top image Mobile 806 x 500
Bottom Image Desktop 1440 x 385
Candidates Page https://site.com/candidates Top/Bottom Image Desktop 2550 x 600
Top/Bottom Image Mobile 806 x 500
Employers Page https://site.com/employers Top/Bottom Image Desktop 2550 x 600
Top/Bottom Image Mobile 806 x 500
Contact Us Page https://site.com/contact-us Top Image Desktop 1920 x 372
Frequently Asked Questions https://site.com/faq Top Image Desktop/
Mobile
1440 x 252
About Us https://site.com/about-us All Images Desktop/
Mobile
2560 x 542
Search Page https://site.com/jobs/search Top Image Desktop/
Mobile
1438 x 250
Jobs by Specialty https://site.com/jobs/specialties Top Image Desktop/
Mobile
1440 x 308
Jobs by Location https://site.com/jobs/location Top Image Desktop/
Mobile
1440 x 308
Testimonials https://site.com/testimonials Top Image Desktop/
Mobile
1440 x 810
Candidate Registration https://site.com/candidate/registration Top Image Desktop
Only
2340 x 600
Employer Registration https://site.com/employer/registration Top Image Desktop
Only
1170 x 300

Stock Image URLs by page

The stock images on the site can be accessed in the source code by searching for and replacing the following sets of text with the uploaded URL from the media section. To find the file name, navigate to the editor for the page and click on <> to open the source code editor. Press CTRL+F to find text within the editor and search for the URLs below. Paste the URL from the uploaded media as a replacement for the default image URL.

Home Page

Image Location File Name to replace
Top of Page Banner - Desktop
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d28a9da0780d.jpg
Top of Page Banner - Mobile
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d28a9f2a2372.jpg
Bottom of Page - Desktop Only
/images/hr-bg-homepage.jpg

Candidates Page

Image Location File Name to replace
Top of Page Banner - Desktop
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d2650684e982.jpg
Top of Page Banner - Mobile
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d26507fb2d04.jpg
Bottom of Page - Desktop
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d264cf911174.jpg
Bottom of Page - Mobile
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d264d079b506.jpg

Employers Page

Image Location File Name to replace
Top of Page Banner - Desktop
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d264cf911174.jpg
Top of Page Banner - Mobile
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d264d079b506.jpg
Center of Page - Desktop
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d2650684e982.jpg
Center of Page - Mobile
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d26507fb2d04.jpg

Contact Us, FAQ and Testimonial Pages

Image Location File Name to replace
Contact Us Banner - Desktop only
/images/contact-us-default.jpg
Frequently Asked Questions Banner - Desktop/mobile
/images/faq-bg.jpg
Testimonials Banner - Desktop and Mobile
/images/testimonials-bg.jpg

About Us Page

Image Location File Name to replace
About Us Banner - Desktop
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d43c951e1032.jpg (top one)
About Us Banner - Mobile
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d43c951e1032.jpg (bottom one)
Who Are We? Image - Mobile
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d43c966c6ade.jpg (top one)
Who Are We? Image - Desktop
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d43c966c6ade.jpg (bottom one)
Candidates Image  - Mobile
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d43c977edbf5.jpg (top one)
Candidates Image - Desktop
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d43c977edbf5.jpg (bottom one)
Employers Image - Mobile
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d43c98a10b1b.jpg (top one)
Employers Image - Desktop
https://prod-doccafe-public.s3.amazonaws.com/uploads/media/5d43c98a10b1b.jpg (bottom one)

Search and Job Pages

Image Location File Name to replace
Advanced Job Search Banner - Desktop and Mobile
/images/advance-job-search-header-bg.jpg
Jobs by Specialties Banner - Desktop and Mobile
/images/job-specialty-listing-bg.jpg
Jobs by Location Banner - Desktop and Mobile
/images/job-location-listing-bg.jpg
Jobs by Location Banner - Desktop and Mobile
/images/job-location-listing-bg.jpg

Registration Pages

Image Location File Name to replace
Candidate Registration - Desktop Only
/images/job-seeker-registration.jpg
Employer Registration - Desktop Only /images/company-registration.jpg

Replacing Stock Images
HiringOpps Job Board Software

Comments