Creativity Intro - Set class to a single Slide on Image Shoe

Hello,

I'm developing a website using Creativity template and I need to use different classes for each slide on the intro Image show.

Is this possible?

I see that there is the possibility to set a suffix to the entire module but how can I do that for a single slide?

Thanks in advance
Regards

Hi

Sorry module do not support that, but You can always access a slide with a css selectors like for example:

Code: Select all

.gkIsWrapper-gk_creativity .figcaption:nth-child(2) {
.......
}


Thanks for your help... that's exactly what I was thinking to do

I hope to see a css suffix for each slide on the next version of image show!!

I wnat to apply a style to the <div> that contains the text, so I try with this:

Code: Select all

.gkIsWrapper-gk_creativity .figcaption:nth-child(2) > div {
     ...
}


but the style is not applied, is my selector wrong?

Hi

Please show me Your site and tell me which file You have added it to. If it was override.css, than please check in override is enabled in template settings.

For the moment I have the site on my localhost... I added the css rule in the following file:

mySiteName\modules\mod_image_show_gk4\styles\gk_creativity\style.css

at line 102, just after

Code: Select all

.gkIsWrapper-gk_creativity .figcaption > div { ... }

because I saw that the base rule was taken from that file.

Hi

This is not the correct file. Try with override.css

It's really hard to guess without seeing the site, but I hope this selector is correct. If not I have a different idea.

Please edit file: /modules/mod_image_show_gk4/styles/gk_creativity/view.php

Go to line 127:

Code: Select all

            class="gkIsSlide figure"


and replace it with

Code: Select all

            class="gkIsSlide figure gkSlide<?php echo $i; ?>"


this way You will be able to have a different selector for each slide.

That's great!!!!

I change also line 135 with

Code: Select all

<div class="figcaption caption<?php echo $i; ?>">

as both are inside the same loop. Now I can use different styles also for caption to make it contrast with background image.

Thank you very much
The problem is solved!!

Hi

No problem. Glad I could help