Image, video or gradient for Member Background

Share your use case and provide as many details to support your idea as possible:

Feature request.

I am using the first layout option with the Listing feature it would be great to add a background image, video or gradient instead of only a solid color like you offer in some of your other widgets. Lastly, adding a blur effect to the background image would be a great feature as well.

Thank you!

1 Like

Hi @Shawn_Martin :wave:

You can change the links color and font on the Style tab:

You can also choose background image, video or gradient:

As for the Name underline and blur effect for background image, I’ll check things with our devs and get back to you once any news come up :slightly_smiling_face:

Thank you for the quick response.
Yes, the widget background you can change - I’m referring to the individual (members) elements? As well as the ability to underline the text so it looks clickable.

1 Like

Got you!

We’ll try to consider more background option with blur effect in our future updates. As for the widget underline, I’ll keep you abreast of any news :wink:

We’ve added this code to the Custom CSS field to underline the names:

.eapp-team-showcase-member-card-info-name{
  text-decoration: underline;
}

Please check your widget and let me if you like how it looks :slightly_smiling_face:

Looks great! Thank you.

Do you have a CSS resource. Trying to remove rounded corners in the pop up & other pop ups as well?!

1 Like

Awesome :slightly_smiling_face:

Sure, here is the code to remove rounded corners:

.eapp-team-showcase-popup-item-container, .eapp-team-showcase-popup-item-container {border-radius: 0; }

That code doesn’t work?

Still have rounded corners when pop up is active?

Sorry, I got got to work thank you!

Hey Max!

Thanks for for CSS code works great. Do you have a Code resource with the selectors that we’re able to use to add custom code to widgets?

Shawn Martin
FanYourLocal

1 Like

@Shawn_Martin We don’t have a list with selectors or classes, unfortunately.

However, if any difficulties come up, just drop a line and our devs will gladly customize the widget for you :slightly_smiling_face:

Sorry, I must not be asking correctly. Do you have a CSS Cheat sheet that has all the selectors that can be used to add custom css to all the widgets? So I don’t have to ask you every time we need to change the css?

Does that make sense?!

Shawn Martin
FanYourLocal

So you have Custom CSS for
View Profile text color & font size in Teamshowcase?

Shawn Martin
FanYourLocal
651-707-5530

Hi @Shawn_Martin

I am so sorry for the delay in reply!

At the moment, we don’t have any CSS cheat sheet. However, I’ve discussed this opportunity with our devs and we are going to release it in upcoming updates.

That’s a really great idea, thanks a million for pointing us in this direction :heart:

As for now, if you need any assistance with the widget customization, just let us know and we’ll be happy to help!

You can use this code to change the font color and size for View Profile element:

.eapp-team-showcase-member-card-see-more-component{
font-size: 20px;
color: red;
}

Great to hear I was able to provide a helpful suggestion.

The code works great thank you - how about the icon sizing they sits to the right of the See More text? Also, is there a library available for that icon?

Shawn Martin
FanYourLocal
651-707-5530

1 Like

Do I understand you correctly that you’d like to change the size of this arrow and would like to have an option to replace the arrow icon with another one?

Yes!

Shawn Martin
FanYourLocal
651-707-5530

Or even to be able to hide it.

Shawn Martin
FanYourLocal
651-707-5530

A post was split to a new topic: Tags or keyword search function

Were you able to see about the icon sizing they sits to the right of the See More text?

Shawn Martin
FanYourLocal
651-707-5530