Full Blown Light template adding more...

User 2969110 Photo

Registered User
2 posts

Hi all,

I'm trying to use the "Full Blown Light" Responsive Slider template in HTML Editor and looking to increase the number of slides up from 3.

However, I cannot figure out how to create the appropriate id for each slide. The format is id="cc-slide-(some large alpha numeric)". I can re-use the 3 id's that come with the template, but for every additional slide after the first 3, without a correct id then the slide displays incorrectly (with ~10px wide white sidebars).

An example of the code for a single slide is:

<div class="slide" id="cc-slide-5a0b52ea">
<div class="responsive-slider-picture">
<picture><!--[if IE 9]><video style="display: none;"><![endif]--><source srcset="./images/small/RingtailPossum_12Nov2017_NSC6051-Edit.jpg" media="(max-width: 600px)"><!--[if IE 9]></video><![endif]--><img alt="Ringtail Possum, Toowong" srcset="./images/large/RingtailPossum_12Nov2017_NSC6051-Edit.jpg">

I've searched all the js and css for something that mentions cc-slide without luck. Hopefully someone has a solution to this dilemma.

User 187934 Photo

Senior Advisor
20,186 posts

Hi Neil,
Copy the <div class="slide"> that holds the complete set of elements and edit the info.
You only need to change the id of the div to match the new icon href. You'll also want to change the color id for the icon.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
This is a site I built for use in my job.(HTML Editor)
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
User 2969110 Photo

Registered User
2 posts

Thanks Eric! And the fact I'd deleted the icons would explain why I couldn't figure out what the hell the cc-slide-id numbers referred to. Going back to the original template index.html (and undoing all the experimental editing I did on that) makes it clear to me.

Thank you for your help! Now I just have to figure out why of my 10 slides, the first three display without any side bars and don't disappear when I test in a phone-display mode, whereas the other 7 all do. And they're all the same 2500px x 1400px dimensions. More experimenting and burrowing in CSS to come.

Makes me head hurt.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.