Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #28245

    Hi,

    I’ve added the <div> for the Progress Bars on this page: bigdata.serviceteamit.co.uk to the Layer Slider on this page: bigdata.serviceteamit.co.uk/slide_three.

    I followed the outline here: http://www.kriesi.at/support/topic/make-content-elements-appear-in-the-layerslider-wp.

    My progress bars do not show at all, just the text of the progress bars.

    Can anyone suggest what I’m doing wrong? Thanks in advance.

    #136994

    Hi,

    You forgot to enclose them on a unique div like this:

    <div class="layerslider-progressbar"></div>

    Place the progress bar html code inside the div then add this on your custom.css:

    .layerslider-progressbar {
    width: 600px;
    height: 50px;
    }

    Like what I said on the other thread, we specify the width of the layerslider-progressbar div because the progress bar needs to inherit the size the parent element.

    Regards,

    Ismael

    #136995

    You know, I did that first too. I actually copied the sample HTML and the CSS.

    I’ve added the class and the CSS, but still no progress bars!

    Sorry if I’m being simple:)

    #136996

    Oops, I was adding the CSS in the layer and not the Quick CSS in Styling. Apologies.

    Works perfectly now. Thank you very much.

    Now, just to work out how to remove the white background from the progress bars:)

    #136997

    Hey,

    Glad it is working now. Please add this on your custom.css or Quick CSS:

    .main_color .progress {
    background-color: transparent;
    box-shadow: none;
    }

    Regards,

    Ismael

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Embed Progress Bars to Advanced Layer Slider’ is closed to new replies.