How to remove default css transition

Cheng Zhang

• October 15, 2024 03:03

Hi,

The builder generates a lot of default CSS code, such as the following code:

.brz .brz-a { transition: color .2s linear; }

Is there any way to remove it via the builder setting/config page?

Thanks

0

• 

  Ariel H.

  • October 15, 2024 10:28

  Hi Cheng,

  Thank you for reaching out to us.

  Unfortunately, I am unable to replicate the issue. Could you provide us with a step-by-step procedure to replicate it? Please also provide the link to the page so we can inspect it.

  Best regards,
  Ariel H.

  0
• 

  Cheng Zhang

  • October 15, 2024 13:48

  Reproduce steps:

  1. Create Website & Landing Page From Scratch.

  2. Create a new menu with several links.

  3. Edit the Home page -> Blocks -> Create your own.

  4. Add an empty Column element.

  5. Add the menu into the column element.

  6. Set different text colors to normal and hover.

  7. Publish the home page.

  The builder auto generates a lot of default css such as:

   .brz .brz-css-oIYJv .brz-menu__ul > .brz-menu__item > .brz-a {
      transition-duration: 0.50s;
  }

  .brz .brz-menu .brz-a, .brz .brz-menu .brz-mm-btn_next {
    -webkit-transition: color .2s linear;
    transition: color .2s linear;
  }

  Demo Link: https://grapefruit21495627.brizy.site/

   

  0
• 

  Cheng Zhang

  • October 15, 2024 13:54

  The above simple page only has two links but also contains almost 100kb css code, if you create another page, it will also contain those css code.

  Can you remove the unused css code or move it into a separate css file?

  0
• 

  Ariel H.

  • October 15, 2024 15:16

  Hi Cheng,

  Thank you for the update.

  Unfortunately, there is no option to remove unused CSS and place it into a separate CSS file.

  However, if you don't want to use the default transitions in the menu element, you can add the following custom CSS in Project Settings:

  .brz .brz-a { 
      transition: none !important;
  }

  

  Best regards,
  Ariel H.

  0
• 

  Cheng Zhang

  • October 15, 2024 19:09

  Thank you for the solution.

  While it's possible to override all CSS properties, but set a default transition isn't ideal. The original CSS transition properties should remain intact rather than be overridden. I understand this isn't a bug; it's just a suggestion.

  0
• 

  Ariel H.

  • October 16, 2024 08:31

  Hi Cheng,

  Thank you for the feedback. For now, this is how it's designed to work, but we welcome your suggestion and will submit it as a feature improvement.

  Best regards,
  Ariel H.

  0

Please sign in to leave a comment.