FontAwesome Icons not displaying & page-breaks added to my job listing page

As a temporary fix, I have added the following code in elementor pro to stop the
displaying and I’ve added a temporary “+” icon so that the missing Font Awesome Icon doesn’t display a missing symbol.

.sjb-page .col-sm-4 {
padding-bottom: 15px;
}
.sjb-page .col-md-2 {
width: 40%;
}
.sjb-page .list-data .v1 .job-location {
word-wrap: normal;
}
.elementor-832 .elementor-element.elementor-element-b92edfa div#job-desc p {
padding-bottom: 10px;
}
.sjb-page .sjb-detail .list-data .v1 ul li::before, .sjb-page .sjb-detail .list-data .v2 ul li::before {
color: #285C71;
content: "+ ";
/content: "\f00c";/
font-family: "FontAwesome";
font-size: 11px;
left: 0;
position: absolute;
top: 0;
}

job-desc > br {

display: none;
}

job-desc > ul > br {

display: none;
}

Thanks, James

This is a link to how the page is displaying https://postimg.cc/gallery/m1N0Rjz

Hi jay,

Thanks for writing to us.

Kindly share URL of your site so that we can diagnose the issue on your end.

Regards

Hi Saadail, thank you for your reply – here is the link – https://recruitment.dains.com/jobs/audit-manager-birmingham/

Hi jay,

Hope you are well.

Kindly set the changes made by you to default so that we can diagnose the issue.

Feel free to contact us for any further assistance.
Regards

Hi, It’s actually a bit problematic to set it to default because then the page doesn’t look right and we can’t leave it like that for a day or two just because we have clients visiting the website. Is it possible to agreed on a timeframe when you might be able to have a look at the issue, so that we remove the customised CSS for that period. Hope this isn’t a problem. I’m also attaching a screenshot of the chrome google code inspector just showing the page breaks that appeared after the plugin update. Are you able to try looking at the code inspector to see if you can see the added
after the paragraphs and list items? However, the main issue is with the font awesome icons not displaying in the list items (I’ve added a “+” there for now) but if I left the original code it would just load a missing box. I think it might be because certain folders were moved in a recent plugin update. Also, we do have the plugin setup on a Child Theme so that we can edit the template files so they don’t get overwritten when there is a plugin update. I’ve attached the previous screenshots too for your records. Thanks for your help, James. Screenshot Image Link: – https://postimg.cc/gallery/87HJ3ng – Website Link: – https://recruitment.dains.com/jobs/audit-manager-birmingham/

Hi jay,

we want to let you know that the page breaks are not from our plugin.
As we have to reproduce the issue on our end but everything is working fine.

For the font awesome icons kindly replace the following CSS in “simple job board” > public > CSS > simple-job-board-public.css.
Probably it will be a line no 4096.
.sjb-page .sjb-detail .list-data .v1 ul li::before,?.sjb-page .sjb-detail .list-data .v2 ul li::before?{
color: #3297fa;
content: “\f101”;
font-family: “Font Awesome 5 Free”;
font-weight: 600;
font-size: 12px;
left: 0;
position: absolute;
top: 0;}

Hopefully, it will resolve your issue with font icons.

Kindly let us know if the issue still exists.

Regards

Thank you for this fix – That’s great – This css code fixed the problem with the Font Awesome icons not loading (https://recruitment.dains.com/jobs/audit-manager-birmingham/) – Can I just check that this code won’t get overwritten when there is a plugin update? With regards to the page breaks – I’m not 100% sure why they were added to the page after the Simple Job Board plugin update. Is there anything you can think of that might be causing them to be added? Thanks, James – Thank you for the Font Awesome 5 Free code.

Hi Jay,

There may be any theme conflict that causes the page breaks.

The code we provided you is in our latest update of “Simple Job Board” which is 2.10.3 and it will not be overwritten with the new update.

Feel free to contact us for any further assistance.

Regards