Is the media query or custom CSS not working for the .videoBlueberry className?

To determine if the media query or custom CSS is not working for the ".videoBlueberry" class name in Webflow, you can follow these steps:

1. Check the CSS code: Open the Webflow Designer and navigate to the specific project. Click on the gear icon to access the project settings, and then select "Custom Code." Look for the CSS code related to the ".videoBlueberry" class.
2. Review the media query: Ensure that the media query is properly defined. It should have the correct syntax and be placed in the appropriate viewport rule (e.g., @media screen and (min-width: 768px)).
3. Verify the class name: Double-check that the class name ".videoBlueberry" is spelled correctly and assigned to the correct element in the Webflow Designer.
4. Confirm styles: Make sure that the desired styles and properties are applied correctly within the class.
5. Test the media query: Preview the site or publish it to a staging environment to test the media query. Resize the browser window or use browser developer tools to simulate different viewport sizes and check if the styles defined within the media query are applied to the ".videoBlueberry" class as expected.
6. Check CSS specificity: Ensure that there are no other conflicting styles or class names that override or take precedence over the styles defined for the ".videoBlueberry" class.

If the issue persists after following these steps, it's recommended to seek further assistance from the Webflow community forums or support team for a more detailed analysis and troubleshooting.

Additional Tips:

• Always double-check your CSS syntax for any typos or missing characters.
• Use the browser developer tools to inspect the element and verify the styles applied.
• Test the site in different browsers to see if the issue is specific to a particular browser.
• Clear your browser cache to avoid any caching-related issues.

Possible related questions:

1. How do I create a media query in Webflow?
2. Why are my custom CSS styles not being applied in Webflow?
3. How do I troubleshoot conflicting styles in Webflow?