Changing Colors

  • Resolved asloan4063

    (@asloan4063)


    3 years, 9 months ago

    Hi – I have either used the available color settings within the plugin or have used css to customize all colors to my site, but there are two locations I can’t seem to get switched.

    1. The Read More button on the job listing page is the correct color, then after click as the new page is loading the button turns blue. Where can I change this? I have looked through all the source code, etc. and just can’t seem to find it.

    2. On the job detail page when you click to upload your application the browse button as well as the box border switches to blue on hover. I can’t seem to get the css right to switch this to my main button color.

    Any help is appreciated! Thanks!

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

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @asloan4063,

    We apologies for the inconvenience.

    Please find the solutions below according to your query:

    1) Add the following CSS class in your theme style.css file and define attributes properties of your desire:

    .sjb-page .btn-primary:focus, .sjb-page .btn-primary.focus {
    color: #fff;
    background-color: #067ef3;
    border-color: #034a90;
}

    2) Add the following CSS class in your theme style.css file and define attributes properties of your desire:

    .sjb-page .sjb-detail .list-data .v1 .jobpost-form .file div:hover {
     background: #a41623;
}

    Don’t hesitate to reach out for further assistance.

    Regards,

    Thread Starter asloan4063

    (@asloan4063)

    Thanks for your help! This worked great for #1, but is not working for #2. When you hover over the box to browse and attach an application it’s still turning blue. See the bottom of this page:

    https://youngincp.wpengine.com/jobs/secondary-market-quality-control-associate/

    If you have any other ideas please let me know. I am not able to find the blue class anywhere when inspecting the form elements.

    Plugin Author PressTigers

    (@presstigers)

    Kindly remove the previous one and try the following code:

    .sjb-page .sjb-detail .list-data .v1 .jobpost-form .file:hover div {
     background: #a41623 !important;
}

    Regards,

    Thread Starter asloan4063

    (@asloan4063)

    This worked! Thanks so much!

    I hope you don’t mind I have one more question and then I will be done with this page.

    Is there a way for me to change the path structure in order to manipulate my breadcrumbs? I am using Yoast and the main job listing page is located here ->

    Home >> About Us >> Career Opportunities

    However, when I click through from the main listing the breadcrumbs and page url are here-> Home ? Jobs ? Secondary Market/Quality Control Associate

    The Jobs page is going to a 404 page. I’m not sure why it’s pulling that into the url. Do you know what I would need to do to be able to structure the breadcrumbs and url to be like this? ->

    Home >> About Us >> Career Opportunities >> Secondary Market/Quality Control Associate

    Thanks so much!

    Hi @asloan4063,

    We are glad to know that issue has been resolved.

    Please consider the following solutions according to your queries:

    1. We would suggest you please reset your permalinks. To do that, please open your admin panel and then navigate to Settings->Permalinks then select your desired URL structure and press the “Save Changes” button this will remove broken pages.
    2. Regarding the second query we like to inform you that by default this is not handled by the Simple Job Board you need to handle your breadcrumbs code modification using help from an expert WP developer.

    Don’t hesitate to reach out for further assistance.

    Regards,

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing Colors’ is closed to new replies.