Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 22, 2013 at 12:43 pm #28245
    serviceteamit

    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: https://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.

    August 22, 2013 at 1:38 pm #136994
    Ismael

    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

    August 22, 2013 at 2:05 pm #136995
    serviceteamit

    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:)

    August 22, 2013 at 2:32 pm #136996
    serviceteamit

    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:)

    August 23, 2013 at 2:27 am #136997
    Ismael

    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

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Embed Progress Bars to Advanced Layer Slider’ is closed to new replies.