Adding buttons to Intro Header

Hi,
I'm trying to put more buttons in Image Show module. I found the file view.php in gk_creativity folder of the modules in joomla and the original button have the next code at line 157:

Code: Select all

<a href="<?php echo $link; ?>" class="gkLearnMore" data-anim="slidedownbtn"><?php echo $link_text; ?></a>

Everything it's fine at this point. I replaced with the next code and works:

Code: Select all

<a href="http://www.url.com" class="gkLearnMore" data-anim="slidedownbtn">TEXT</a>

But, adding other button, the second don't appears:

Code: Select all

<a href="http://www.url.com" class="gkLearnMore" data-anim="slidedownbtn">TEXT</a>
    <a href="http://www.url2.com" class="gkLearnMore" data-anim="slidedownbtn">TEXT 2</a>

Any suggestion?

Thanks.

Hi

I'm not sure what You are trying to do. Can You please show me the module on a live site so I'll check the code ?

Hi

I'm not sure what You are trying to do. Can You please show me the module on a live site so I'll check the code ?

Of course, this is an image with new buttons in intro module.



I don't have an URL at this moment, i'm installing and customizing with MAMP. The question is, how can I add buttons to the module Image Show for Cretivity template?

Thanks

Hi

Ok. It's a little hack, but try add Your buttons in slide content using HTML. Just remember to close/open HTML elements in exact order You will see below or it will break Your site.

Code: Select all

</h1>
</div>
<a class="gkLearnMore loaded" data-anim="slidedownbtn" href="#gkHeader">Button1</a>
<a class="gkLearnMore loaded" data-anim="slidedownbtn" href="#gkHeader">Button2</a>
<a class="gkLearnMore loaded" data-anim="slidedownbtn" href="#gkHeader">Button3</a>
<div>
<h1>


after this buttons will stack one over the other, so You will have to use css to separate them. Something like this:

Code: Select all

// This will be Your first button
.gkIsWrapper-gk_creativity .figcaption > a:nth-child(2) {
transform: translateX(-300%);
}

// Second button
.gkIsWrapper-gk_creativity .figcaption > a:nth-child(3) {
transform: translateX(-200%);
}


etc. Values for the transform attribute may have to be different, it's just an example.

Perfect!

I'll try your code.

Thank you @teitbite

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro