Not sure the best way to accomplish the following:Currently we have header/billboard graphics setup to be background images to be used for a few templates. The issue is now allowing the user to change those background images in the Kentico CMS without having to update the CSS itself.CSS.billboard.landing-page {
background-image: url("../img/billboard-sub-page.jpg");
background-size: cover;
background-position: 50% 50%;
height: 35.3125rem;
position: relative;
margin-bottom: 4.0625rem;
color: #fff;
text-align: left;
padding-top: 21.875rem; }
HTML@div class="wrapper billboard landing-page"@
@!-- Billboard Heading @ Lead in --@
@div class="row"@
@div class="small-11 medium-9 columns"@
@div class="billboard-heading"@
@h1@Lorem Ipsum Dolor Sit@/h1@
@/div@
@/div@
What we're thinking will work is to remove the CSS call for the background image and add it as an inline style such as:@div class="wrapper billboard landing-page" style="background-image:url(KENTICO-CODE-HERE);"@
...
@/div@
Does anyone have a good method to allow the user to select the image from the library and replace the URL in the inline style?
↧