Is it possible to make CSS changes to the embed code in the Webflow elements section when using the website Mentimeter for live data feedback?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

Yes, it is possible to make CSS changes to the embed code in the Webflow elements section when using the website Mentimeter for live data feedback. Here's how you can do it:

Locate the Mentimeter embed code: Sign in to your Mentimeter account and go to the presentation you want to embed. Click on the "Share" button and select the "Embed" option. Copy the embed code provided.
Add an embed element in Webflow: Open your Webflow project and navigate to the page where you want to add the Mentimeter embed. Drag and drop an "Embed" element from the Elements Panel onto your canvas.
Paste the Mentimeter embed code: Double-click on the newly added "Embed" element to open the settings panel. Then, paste the Mentimeter embed code you copied in step 1 into the embed code field.
Apply CSS changes: To make CSS changes to the embedded Mentimeter code, you can use either of the following methods:

Add CSS classes or IDs to the embed element: In the Webflow Designer, select the embed element and add a new class or ID to it. Then, you can use the styles panel or custom CSS to make targeted changes to the embed element and its contents.
Use JavaScript: If you require more complex CSS changes, you can target the embedded Mentimeter code with JavaScript. To do this, wrap the JavaScript code in a <script> tag and add it to the page where the Mentimeter embed is located. Within the JavaScript code, you can select the embedded Mentimeter element using its class or ID and apply the necessary CSS changes.

Please note that when making CSS changes to the Mentimeter embed code within Webflow, you need to ensure that the changes do not conflict with the Mentimeter website's CSS styles. It's always a good practice to test your changes and ensure that the embedded Mentimeter functionality remains intact.

Additional Questions:

How can I add an embed code in Webflow?
What is the difference between adding CSS classes and IDs to an element in Webflow?
Can I use JavaScript to manipulate the embedded content in Webflow?

Will the webhook integration between Webflow and Airtable continue to work properly if the Webflow form table reaches its maximum capacity?

Is it possible to integrate high-risk merchant accounts with Webflow for selling CBD products?

How can I get my SVG logo to render properly in Chrome when using Webflow?

How can I fix the issue of images not appearing after importing a CSV file with Google Drive URLs in Webflow?

Is there a fix for using Webflow + Shopify buy button integration and being able to track sales via GA?

Can a website created on Webflow be hosted on a different server?

What could be causing my top navigation to extend too far down on my Glossary page in Webflow?

Has anyone successfully used Cloudflare with Webflow to optimize and cache images, while also setting up SSL correctly with DNS settings?

How can I resolve a validation error on a Webflow form that is connected to Hubspot using Vimkit?

Can Algolia be indexed with Webflow and is there a way to import data through the API?