Question 46014 in CSS Question posted in
Some basic documentation can be found here.

How to override CSS in apostrophe-cms pro in TheAposPallete.vue

I’m new to apostrophe-pro and in node_modules I can see a file TheAposPallete.vue which can be located at

node_modules@apostrophecms-propaletteuiaposcomponents

This file has following CSS:

  .apos-palette__grouped.is-open .apos-palette__grouped__schema {
      max-height: 100vh;
   }

I want to override this since this is causing some issues. I tried overriding this in index.scss through important flag. But that didn’t work.

Is there a way we can override this or is this even overridable?

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    Got it resolved by overriding the complete path in index.scss

    .apos-palette__grouped.is-open .apos-palette__grouped__schema{
   max-height: 120vh !important;
}

  2. 0

    add your style in direct in HTML inline CSS and declared it as !important

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search