Hi
I've broken something but not sure how. I simply wanted to change the background colour of the header to white instead of grey. All I did was change #CCC to #FFF in the css and saved it. The header background did change to white as expected, but now I've lost some icon images. For example see this image:

If I inspect the element in browser, there is a bit of code that says this:
<span class="b-icon b-icon__tool-camera"></span>
Looking at the css associated with this element, I see the following:
#htmlTag .b-editor .cke_top .b-icon__x-circle--dark, #htmlTag .b-form-select__select .selectBox-arrow, #htmlTag .b-icon {
background-image: url("images/{vb:stylevar imgdir_button}/css/sprite_icons_vb_{vb:stylevar textdirection}.svg") !important
}
It's saying it cannot load that image and it looks like it's not rendering the style variables correctly. Other elements in the page are using the style variables without problem.
What could be causing this?
FYI, if I remove the above css style from the page using inspect element, the icons appear again.
I've broken something but not sure how. I simply wanted to change the background colour of the header to white instead of grey. All I did was change #CCC to #FFF in the css and saved it. The header background did change to white as expected, but now I've lost some icon images. For example see this image:
If I inspect the element in browser, there is a bit of code that says this:
<span class="b-icon b-icon__tool-camera"></span>
Looking at the css associated with this element, I see the following:
#htmlTag .b-editor .cke_top .b-icon__x-circle--dark, #htmlTag .b-form-select__select .selectBox-arrow, #htmlTag .b-icon {
background-image: url("images/{vb:stylevar imgdir_button}/css/sprite_icons_vb_{vb:stylevar textdirection}.svg") !important
}
It's saying it cannot load that image and it looks like it's not rendering the style variables correctly. Other elements in the page are using the style variables without problem.
What could be causing this?
FYI, if I remove the above css style from the page using inspect element, the icons appear again.
Comment