Back to Page Builder Support

artistro08
artistro08

Is there any way we can change the class names for rows? it does't play nice with my theme

Vladimir
Vladimir

Maybe this will help you. https://vimeo.com/375277205

Last updated

artistro08
artistro08

This partially solves my problem.

So what I would like is the default class that comes with the element (.row in this case) to be something that doesn't conflict with Bootstrap.

For example. Instead of using .row you can append a name to the class based on the plugin name. Something like .page-builder-row or .pg-row.

This will work better with any theme or framework since there will be no conflicting classes.

I hope I explained that well

Vladimir
Vladimir

Another option.

See the Custom Blocks documentation section. You can create your own blocks with the necessary classes.

artistro08
artistro08

then how can you remove the built in blocks? I need to make it so my client does not use it as it doesn't play well with bootstrap

Vladimir
Vladimir

Settings->Page Builder-> Custom Block Code

//Remove a block by id

CustomBlock.remove('column1');
  • "id":"column1"
  • "id":"column2"
  • "id":"column3"
  • "id":"column3-7"
  • "id":"text"
  • "id":"link"
  • "id":"image"
  • "id":"video"
  • "id":"map"
  • "id":"countdown"
  • "id":"form"
  • "id":"textarea"
  • ... and etc

//Return all blocks info

const blocks = CustomBlock.getAll();
console.log(JSON.stringify(blocks));

https://pastebin.com/ZqCqiRpk

Last updated

1-6 of 6