elementor / elementor/hello-theme

Gutenberg buttons color class names overwritten by Hello Elementor CSS

Open
#148 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
PHP
Stars
612
Forks
239
Avg merge
12h 5m
Merged PRs (30d)
19

Description

When using the native Buttons block in Gutenberg and specifying a named pre-defined text colour, it will get overwritten by the `style.css` and `style.min.css` of Hello Elementor.

The named pre-defined colours in Gutenberg have their own class name which are added to the button element and will be overwritten by Hello Elementor, however when selecting "Custom color" in Gutenberg and choosing from the color picker - these are added as inline `style="color:"` to the element and not as a class, in which case they're not overwritten.

So here are some examples of the defaults that get overwritten:

```
:root .has-white-color {
color: #fff;
}
:root .has-vivid-red-color {
color: #cf2e2e;
}
:root .has-vivid-cyan-blue-color {
color: #0693e3;
}
```

![gutenberg-button](https://user-images.githubusercontent.com/6027160/108892356-6d4d3080-7618-11eb-98c2-b85c6872c5c6.png)

![hello-elementor-color-inheritance-bug](https://user-images.githubusercontent.com/6027160/108892397-7ccc7980-7618-11eb-8545-9704a3fb1616.png)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.