Request: New CSS load mode “additional CSS only”

  • Resolved aaylasecura

    (@aaylasecura)


    3 months, 1 week ago

    Hi there, my website has its own custom color palette and I’m actually using Bootstrap myself and have customized Bootstrap colors: I’ve defined my colors in an scss file and compiled my own bootstrap css. Unfortunately, AyeCode overrides all the Bootstrap colors and styles in a way that breaks everything and makes it hard to override again (because your stylesheet uses !important in a few places and because it overrides the colors with specific selectors like .bsui .btn-outline-primary { --bs-btn-active-bg: ... } .

    However, if I disable completely the AyeCode css, then certain things like the invoices are completely unstyled.

    I’d like an option in AyeCode UI to load only additional CSS that builds on top of Bootstrap without overriding anything, and assume that the base Bootstrap is loaded separately.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Stiofan

    (@stiofansisland)

    Hello,

    We dont currently have an option like that, however if you go to Settings > AyeCode UI and set the frontend to load FULL instead of compatibility then the bsui calss will no lonver be allplied and your styles might work properly, let me know.

    Thanks,

    Stiofan

    Thread Starter aaylasecura

    (@aaylasecura)

    Hi there, thank you for replying. Using full mode is not a great solution as the styles are still messed up and still not easy to override… Could I please create a feature request for “Only required CSS” mode, similarly to the Only required functions JS?

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.