jayjimmyjames

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, 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 Saadail, thank you for your reply – here is the link – https://recruitment.dains.com/jobs/audit-manager-birmingham/

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

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