diff --git a/public/helpbuild/linkedin.svg b/public/helpbuild/linkedin.svg
new file mode 100644
index 0000000..9bc2680
--- /dev/null
+++ b/public/helpbuild/linkedin.svg
@@ -0,0 +1,74 @@
+
+
+
+
diff --git a/public/helpbuild/theme.css b/public/helpbuild/theme.css
index e85e504..eb0bf5f 100644
--- a/public/helpbuild/theme.css
+++ b/public/helpbuild/theme.css
@@ -55,24 +55,24 @@ div#kc-registration span a:hover {
font-size: 18px;
}
-#social-linkedin-openid-connect::before {
- content: url('data:image/svg+xml;utf8,');
- display: inline-block;
- width: 60px;
- height: 60px;
- vertical-align: middle;
-}
+/*#social-linkedin-openid-connect::before {*/
+/* content: url('data:image/svg+xml;utf8,');*/
+/* display: inline-block;*/
+/* width: 60px;*/
+/* height: 60px;*/
+/* vertical-align: middle;*/
+/*}*/
-.kc-social-provider-name {
- visibility: hidden;
- position: relative;
-}
+/*.kc-social-provider-name {*/
+/* visibility: hidden;*/
+/* position: relative;*/
+/*}*/
-.kc-social-provider-name::after {
- content: 'Sign in with LinkedIn';
- visibility: visible;
- position: absolute;
- top: 0;
- left: 0;
-}
+/*.kc-social-provider-name::after {*/
+/* content: 'Sign in with LinkedIn';*/
+/* visibility: visible;*/
+/* position: absolute;*/
+/* top: 0;*/
+/* left: 0;*/
+/*}*/
diff --git a/public/helpbuild/theme.js b/public/helpbuild/theme.js
index 581df1b..396d630 100644
--- a/public/helpbuild/theme.js
+++ b/public/helpbuild/theme.js
@@ -4,3 +4,20 @@ if (privacyPolicy) {
privacyPolicy.innerHTML = 'By signing up you agree to the Helpbuild Privacy Policy'
}
+// Get the anchor element
+var anchor = document.getElementById('social-linkedin-openid-connect');
+
+// Create an img element for the SVG
+var img = document.createElement('img');
+img.src = 'linkedin.svg'; // Replace with your SVG file path
+img.width = 60;
+img.height = 60;
+
+// Insert the img at the beginning of the anchor element
+anchor.insertBefore(img, anchor.firstChild);
+
+// Get the span element
+var span = anchor.getElementsByClassName('kc-social-provider-name')[0];
+
+// Change the text of the span
+span.textContent = 'Sign in with LinkedIn';