Custom Element CSS with parameter

[rok1975]

Hi,

i added following parameter to my headline-component:

{
“cssImage” : {
“label” : “Headline Image”,
“type” : “text”,
“initial” : “https://xxx.svg”
}
}

Now i added following to the custom element css:

$el::before {
content:’’;
background: url({{dc:p:cssImage}});
top:-25px;
height: 50px; /height of image/
width: 50px; /width of image/
position: absolute;
background-repeat: no-repeat;
}

But its not working. Is it even possible

Best
Tobi

[ruenel]

Hey Tobi,

Thank you for the very detailed post information. It seems that the server may not display the SVG file. Can you do a test and use a plain JPEG or PNG image in your custom CSS like for example:

{
    "cssImage" : {
        "label" : "Headline Image",
        "type" : "text",
        "initial" : "https://absolute.image.path.jpg"
    }
}

Kindly let us know how it goes.