• Resolved kenny0613

    (@kenny0613)


    I would like to customize the layout and style by myself but I found that those classes inside the HTML do not have specific and fixed classes. How can I modify the style? Which file should I be looking at?

    • This topic was modified 4 years, 7 months ago by kenny0613.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Jon Waldstein

    (@jonwaldstein)

    Hi @kenny0613 first let me give you a little context of how the styling works inside the plugin. Since this is a Gutenberg block, the plugin relies heavily on javascript for the codebase and the styling needs to play nicely inside the WP dashboard alongside other blocks. So I decided to generate the styles dynamically using a css-in-js technique that helps avoid any conflicts for people trying to use the plugin on their site with different themes & other plugins. This means there really aren’t a lot of static classnames to use.

    So, to customize the style at this point, you will need to traverse the html elements from the containing element <div id="root-blocks-for-eventbrite" class="blocks-for-eventbrite blocks-for-eventbrite-css-wrapper"></div>. Inside this div is where all the events will be displayed.

    Hope this helps.

    Thread Starter kenny0613

    (@kenny0613)

    It helps. Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to customize the layout and style’ is closed to new replies.