How can I style 'All figure captions' in Webflow if I cannot find the element in the elements panel?

Published on
September 22, 2023

If you cannot find the "All figure captions" element in the Webflow elements panel, you may have to use custom code to style it. Here's how you can achieve this:

  1. Identify the unique class or selector for the "All figure captions" element. You can do this by inspecting the element on your live site or using the browser's developer tools.

  2. Once you have the class or selector, go to the Webflow Designer and click on the "Custom Code" tab in the project settings.

  3. In the "Head Code" section, add a <style> tag to write your custom CSS.

  4. Inside the <style> tag, write your CSS rules to style the "All figure captions" element. Make sure to use the class or selector you obtained earlier. For example:

    ```css
    .your-class-name {
    /_ your styling rules here _/
    }
    ```

    Replace "your-class-name" with the actual class or selector you found.

  5. Save your changes and publish your site to see the custom styling applied to the "All figure captions" element.

Please note that this method requires some knowledge of CSS and may not be suitable for beginners. If you're not comfortable with writing custom code, you can try reaching out to the Webflow support team or community for assistance.

Additional Questions:

  1. How can I find the unique class or selector for an element in Webflow?
  2. Are there any limitations to styling elements using custom code in Webflow?
  3. Can I apply different styles to individual instances of the "All figure captions" element in Webflow?