LinkedIn Widget Share Button using Elementor Global Button Style

Ask the Community General Questions
1

Hi all

The website below is using the Elementor Global button styling for the LinkedIn Widget Share button. Can I prevent this with a bit of CSS or other method?

Thanks

2 Likes
3

Happy to see you’ve decided to team up with us! Welcome, @Richard_Wootton :waving_hand:

We’ve fixed the issue by adding this code to the Custom CSS field on the Appearance tab of your widget’s settings:

.global-styles, [class*='ShareButton__Button-sc'] {
  background-color: unset !important;
  color: rgb(17, 17, 17) !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  font-weight: unset !important; 
  text-transform: none !important;
}

Check your website and let me know if the button looks fine now :wink:

2 Likes
4

Hi

That’s great, many thanks for your prompt reply and fix :+1:

Can the posts be made the same height?

Thanks

2 Likes
5

Sure! I’ve added the CSS code below for this:

[class*="CardContainer-sc"] {
min-height: 405px;
justify-content: space-between;
}
[class*="CardContainer-sc"] > :nth-child(2) {
flex: 1 1 auto;
align-items: flex-start;
}

Please check your website and let me know if you like the result :slightly_smiling_face:

2 Likes
6

Cheers!, one or two posts are not playing the game on desktop view, are you seeing this too?

image
image1398×600 154 KB

2 Likes
7

Apologies for the inconvenience! I’ve adjusted the solution:

[class*="CardContainer-sc"] {
min-height: 450px;
padding-bottom: 50px !important;
}

[class*="CardActionsBlock__CardLayoutBlock-sc"] {
position: absolute;
bottom: 0;
}

[class*="CardActionsBlock__Divider-sc"]:empty {
display: none !important;
}

Now all posts are aligned by height. Please check it out :slightly_smiling_face:

image
image1748×674 160 KB

2 Likes
8

Excellent, many thanks! :+1:

2 Likes
9

It’s my pleasure!

Don’t hesitate to contact us here again in case of any questions. We’ll be happy to help :wink:

1 Like