By chandraswami on

[Drupal 8]

[Development Environment Windows]

[basetheme = Bartik]

I am building a website with Bartik as my basetheme; that is, that in my THEME.info.yaml file, I have chosen Bartik as my basetheme.  I am trying to resize one of the container windows on the front page.  Opening up Chrome Developer Tools, I find that the height property is greyed out on that container window and the same is true for all contained interior <divs>.  My guess is that the height property must be being set by javascript and not css.

My question is: is this likely and if it is true, how do I find out which javascript file in the Drupal-8 file tree is responsible for this height property.  It appears that the height is calculated because this property changes when the window resizes.

I could just copy over ALL the javascript libraries from the core-Bartik-Theme.info.yaml file into my THEME.info.yaml file and comment them out one by one.  Is there an easier way?

⋅ Categories: Drupal 8.x

Comments

mylocaltrades’s picture

mylocaltrades commented

Find the div or id classes for the specific div then use the !important overide in your stylesheet. 

Offering Drupal website services to the UK - www.my-local-trades.co.uk

chandraswami’s picture

chandraswami commented

Resolved this problem.  The height property was not actually being given by Javascript.  I checked and realized that there was practically NO Javascript involved in the rendering of this Website.

Later realized that the extra blank margin that refused to collapse was due to my stupidly using "display: relative" instead of "display: absolute" on the child <div>.  Noob mistake here I'm afraid.

The height of the containing <div> was stretched by this faulty use of the wrong value for the display-property.  This caused the height readout in Chrome Developer Tools to be greyed out.