Twitter widget + font change + widget customization

Ask the Community Customization
1

Hello Team, hello Community, we are using your Twitter feed on our homepage.

We are experiencing three problems with the display and design.

Problem 1: The widget unfortunately has a visible transition to the page, with slight jagged edges. Is there a way to make it seamless?

Problem 2: The banner is cut off too early, as you can see in the image. It displays normally on Twitter and in the ElfSight dash, but it’s cut off on the website.

Problem 3: The font in the widget is set to Arial. It’s also Arial in the widget preview. However, as soon as it’s published on our site, our account name changes to a different font, and the website uses the font from our homepage. How can we change this? We want to use Arial exclusively in the widget.

Problem 1 & 2 & 3

image
image1874×1004 197 KB

Can you have some look on it? www.marv.vip is our web.

Thank you!

2 Likes
3

Hi there and welcome to the Community, @juls :waving_hand:

Sure, I’ll be happy to help!

  1. We’ve removed the white line from the widget banner using this code in the Custom CSS field on the Style tab of your widget’s settings:
.eapps-twitter-feed-header-banner-container {
	background: #6fb04a;
}

  1. As far as I see, the banner cropping image has been resolved. Could you please double-check it?

image
image1682×792 146 KB

  1. We’ve applied the Arial font using this CSS code:
 .eapps-twitter-feed-container{
    font-family: Arial;
}

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

P.S. Awesome website, by the way!The Pepe emoji is a staple in our team’s chat, so it definitely resonates with us e6c6b4784a091461