Hi - I have been asked to make a change to the Utafiti Slideshow Hero by my client.

They've asked me to change the links within the bottom 3 boxes (i.e. containing the Article Title).

Need to change these from purely linking back to display the relevant slide (as it does by default) to linking directly to the article itself (as the Read More buttons do).

Is there a way of doing this please? Thanks...

Hi,

I have just replied in the other thread you posted on.

www.joomlabamboo.com/index.php?option=com_kunena&view=topic&catid=696&id=117926&Itemid=215#173251

It's best to start your own thread when an issue is not directly related as it stops other users getting emails.

Regards,

Rob

Thanks Rob,

Many Thanks for your response: "It would probably be easier to turn off the slideshow navigation and then add some custom html modules underneath it using module classes to get a similar style"

Sorry, but please can you tell me where / how I can turn off the slideshow Navigation?

I've tried to find it, but it doesn't seem to be an option in Options, Content, Settings, etc within the Utafiti Slideshow Hero module..?

Hi,

With slideshow hero you would need to change the slideshow layout - probably backstretch would be best

Cheers
Paul

Then create new custom html modules below the zentools module
and creating new styling via either custom.css or custom.less

Cheers
Paul

Hi Paul - thanks for both of your help & responses so far... sorry to ask again, but really having trouble with the CSS within Backstretch ZenTools2 module...

I have created the Backstretch and am now trying to replicate the Slideshow-Hero Overlay, Intro Text & Read More styling... As per attached.

Please can you confirm which file the css controlling this is? Thanks...

Do you have a link for the site?

Cheers
Paul

Thanks Paul - 3mkt.net/index.php

There is a backstretch title value you can change in the module css via the theme tab - you can change that and then compile it

However these styles will help position it

.backstretch-wrapper .backstretch-title {min-width: 800px;left:0;}
#zentools-1241.backstretch-wrapper .backstretch-title li.active {min-width: 800px;min-height:200px}
#zentools-1241.backstretch-wrapper .backstretch-title h2 {padding:.5em 0 .25em; font-size:1.75em}
#zentools-1241.backstretch-wrapper .backstretch-title p {padding-bottom:1em}

You may not need the min width if you change the module title width

You will also need to adjust as required to fit the title depending on the device

Cheers
Paul

Thanks very much Paul - much appreciated...

You're welcome

but please remember to adjust with media queries as needed

I think you may need to tweak

Cheers
Paul

Hey folks - I've been looking at doing this for a clients site too. However I'd like to keep everything inside the one module and not re-invent the wheel re the slideshow-hero module and then loose the animation by having three static modules below the image. So ...

I'd made the changes to the slideshow-hero.php file - as follows -

On line 95 replace -

<li class="selected"><a href="#0"><?php echo $item->title;?></a></li>

with

<li class="selected"><a href="<?php echo $item->alias;?>"><?php echo $item->title;?></a></li>

and replace on 97 <li><a href="#0"><?php echo $item->title;?></a></li>

with <li><a href="<?php echo $item->alias;?>"><?php echo $item->title;?></a></li>

These add the Joomla article alias as a URL.

Next issue to resolve is .. how to stop the JS file hero-slideshow.js from allowing the link to be clickable. If I disable this file then the 'a href' link works, but I also loose the animation between slides/images.

I'll let you know once I've worked it - although Paul/Rob you might have a better idea.

Thanks,

Hi Woodspy,

Could not break this up into different modules and then style them?
image and then use the shortcode syntax to create the columns?

And add styling to fill in the gaps - so not using zentools2 at all

Cheers
Paul