Change Style to Title/text

Free Joomla module to create slideshow on your website which includes different data like part of articles or text defined by user.
Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Sat Mar 29, 2014 4:29 am
Hi guys,
i'm trying to find out if it is possible to change style (Color, font size, shadows, etc.) in any different slide for Creative Template.

As i can add tag for animation and icons "[anim-slide_left][icon-heart,55,pulseanim]" is it possible to add Style tags as well? If yes, which tag will works?

Thanks in advance.
User avatar
Fresh Boarder

teitbite
Sat Mar 29, 2014 9:18 pm
Hi

Please show me Your site with Image Show, so I'll tell You selectors You can use for separate slides.
User avatar
Moderator

GK User
Sun Mar 30, 2014 7:36 am
Unfortunately It is on my local machine, just playing around to learn more on how customize your templates.
User avatar
Fresh Boarder

teitbite
Sun Mar 30, 2014 8:50 pm
Hi

No problem. Please just tell me which style of the module are You using.
User avatar
Moderator

GK User
Mon Mar 31, 2014 4:19 am
User avatar
Fresh Boarder

teitbite
Mon Mar 31, 2014 7:53 pm
Hi

CSS selectors to individual slides can be created using this method:

Code: Select all
.gkIsWrapper-gk_creativity .figcaption:nth-child(1) {

}

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

}

.gkIsWrapper-gk_creativity .figcaption:nth-child(3) {

}


and so on...
User avatar
Moderator

GK User
Thu Apr 03, 2014 2:44 am
Hi, i try to add that code with few css customizations to override.css (activated):

Code: Select all
.gkIsWrapper-gk_creativity .figcaption:nth-child(1) {
    color: ff0000;
}


but still getting style from:

Code: Select all
.gkIsWrapper-gk_creativity .figcaption h1 {
   font-size: 60px;
   font-weight: 300;
   line-height: 1.0;
   margin: 64px auto 0 auto;
   max-width: 920px;
}


do i need to add or delete something else?

Thanks
User avatar
Fresh Boarder

teitbite
Thu Apr 03, 2014 7:45 pm
Hi

It;s hard to tell without seeing Your site. Maybe code is added wrong or conflicting. So lets try something different. Edit /modules/mod_image_show_gk4/styles/gk_creativity/view.php replace line 127 which looks like this:

Code: Select all
            class="gkIsSlide figure"


to

Code: Select all
            class="gkIsSlide figure gkIsSlide<?php echo $i; ?>"


thank You will be able to access any slide with a selector like:

Code: Select all
.gkIsSlide1 h2 {}

.gkIsSlide2 h2 {}

.gkIsSlide3 h2 {}
User avatar
Moderator


cron