Issue #863Opened February 13, 2018by nojacko1 reactions

[Bug]: Background-image not picked up from styles attribute

Question

As title + background-image is removed by styles manager when added a background layer.

  1. Getting started: https://jsfiddle.net/5upe6myo/
  2. Note background-image
  3. Click between the text. Should show as "Box".
  4. Under Styles > Decorations, the background-image isn't shown.
  5. Clicking "+" next to background removes the background-image.

Answers (3)

nojackoMarch 27, 20181 reactions

The styles I've defined for my element aren't reachable in the style manager. When I click the box in the canvas I'd really expect to see all the styles it has in the style manager, rather than the the styles of the class Grapes has added.

You said that the background doesn't show because it's using the .fluid-container.c318 but adding color: Pink to the style attribute does show the colour in the typography section. That's a little inconsistent. It's picking up the color attribute but not the background-image one.

artfMarch 10, 20180 reactions

Actually, this is how style manager works with classes. When you select the "Box" you can see that you have picked ".fluid-container.c318" selector, which doesn't have any bg, but when you uncheck "fluid-container" class, the current selector will be "c318" and now the bg is shown. Probably we need to highlight better the inheritance of styles

nojackoMarch 12, 20180 reactions

This seems a little weird. Grapes adding the class c318 makes my styles unreachable. I'd expect the html and styles provided to be editable.

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.