using background-image in Perch

  • Hi


    I have a carousel which uses a background-images, but I can't get it to work with the perch command replacing the image details.


    This is my html code (part of) which works in html. How do I get it to work in perch so the user can change the image?


    Thanks


    <div id="carouselOne" class="carousel slide" data-ride="carousel">

    <ol class="carousel-indicators">

    <li data-target="#carouselOne" data-slide-to="0" class="active"></li>

    <li data-target="#carouselOne" data-slide-to="1"></li>

    <li data-target="#carouselOne" data-slide-to="2"></li>

    </ol>


    <div class="carousel-inner">

    <div class="carousel-item bg_cover active" style="background-image: url(assets/images/home-slider-1.jpg)">

    <div class="carousel-caption">

    <div class="container">

    <div class="row justify-content-left">

    <div class="col-lg-6 col-xs-6">

    <h1 class="carousel-title">Fresh fashion for the summer</h1>

    <p class="carousel-text d-none d-sm-block">Get into the summer vibe</p>

    </div>

    </div> <!-- row -->

    </div> <!-- container -->

    </div> <!-- carousel caption -->

    </div> <!-- carousel-item -->

    ...

  • Gareth S

    Approved the thread.
  • Hi


    Thanks for your help. Unfortunately, this may be a user problem rather than technological one!


    The code seems to be there, I can see it when I choose Inspect in Chrome, but it does not display the slider on screen!