CODEWITHSUNDEEP
javascripthtmlcsslinkedin-api
Schneider
Schneider

Reputation: 2506

"Apply with LinkedIN" button does not render properly?

I have successfully added Apply with LinkedIN button on website, the problem i have i styling that button. Very strange display of the button, i am using bootstrap 3.1. Any other had a similar problem, is there any fix?

Have tried many solution n overriding my css, but i got no luck, becuase all is done from JS

enter image description here

Here is the code I have from API

<script type="IN/Apply" 
    data-email="[email protected]" 
    data-companyid="55885" 
    data-jobtitle='Developer' 
    data-joblocation='Serbia'
    data-themeColor="#FF9900" 
    data-showText="false">
</script>

Upvotes: 2

Views: 1012

Answers (3)

David Paul Albert
David Paul Albert

Reputation: 67

It should be noted LinkedIn deprecated this feature on July 21, 2014. They suggest the functionality should be rebuilt with the Profile API. http://help.linkedin.com/app/answers/detail/a_id/7234/~/apply-with-linkedin%3A-no-longer-supported

Upvotes: 0

Andrea Ligios
Andrea Ligios

Reputation: 50271

It is probably because the LinkedIN script doesn't work well together with box-sizing : border-box (used by the latest versions of Twitter Bootstrap).

If so, it is the same problem of this topic, and the solution could be to add this snippet to your CSS:

span[id*='li_ui_li_gen_'] {
    -webkit-box-sizing : content-box;
       -moz-box-sizing : content-box;
         -o-box-sizing : content-box;
            box-sizing : content-box;
}

Upvotes: 1

Schneider
Schneider

Reputation: 2506

After few tries prepared a simple override CSS for this kind of problem. Please add this to your css

span.IN-widget span span a span {
    width:180px !important;    
    text-align:left !important;
}

Upvotes: 1

Related Questions