Features section -Don't show images

Hi. Features section don't show images

This is my code...

<div class="gkFeatures "><a class="gkRocket" href="#">Analisis Programado Drag &amp; Drop</a> <a class="gkBadge" href="#">Reportes Multiples formatos</a> <a class="gkMouse" href="#">Normalizacion y reingenieria </a> <a class="gkPiggy" href="#">Captura y prevencion de incidentes</a></div>

Could you please post an url to your site?

http://www.codeandarts.com.ar/vh/

Please disable tinyMCE editor in global configuration (change editor to "editor - none").
Now start again with original html:

Code: Select all

<div class="gkFeatures gkPerspective">
<a href="#" class="gkRocket" data-animation="flip" data-delay="0"><span>Rocket</span>Innovative Design</a>
<a href="#" class="gkBadge" data-animation="flip" data-delay="150"><span>Badge</span>Award-winning Agency</a>
<a href="#" class="gkMouse" data-animation="flip" data-delay="300"><span>Mouse</span>Your ideas, imagination</a>
<a href="#" class="gkPiggy" data-animation="flip" data-delay="450"><span>Piggy</span>Save Your Time &amp; Money</a>
</div>
<a href="#">View Full Features</a>


it doesn't work

Have you disabled tinyMCE and changed module code to provided one?

it does´t matter what editor you have only need to add the icon name as <span>Rocket</span> for each one
<a href="#" class="gkRocket" data-animation="flip" data-delay="0"><span>Rocket</span>Innovative Design</a>

now my question is: how to change the image from another directory ?
how to change it to your own image?

Actually it does matter... tineMCE strips some html elements and classes so after edit you have to check if html structure is as it should be.

@remar - if it goes to your question...
Basing on one of existing icons, for example:
templates/gk_startup/images/style1/gk_badge.png
templates/gk_startup/images/style1/gk_rocket.png
you need to create your own. Lets assume it is called gk_custom_icon.png and you place it in:
templates/gk_startup/images
folder.
Please edit: /templates/gk_startup/css/override.css and add at its end:

Code: Select all

.gkCustomIcon > span {
   background: transparent url('../images/gk_custom_icon.png') no-repeat 0 0
}
.gkCustomIcon > span {
   background: transparent url('../images/gk_custom_icon.png') no-repeat 0 bottom
}


Remember to enable "CSS override" in template settings - advanced section.

HI,

I bought Startup template and I have the same problem. I tried the solution described in this tread and it does not work for me.
This is the website:

www.jb-tech.si


Thank you.
Best regards,
B

Did you disable tinyMCE and replaced your "damaged" code with the one I have provided?