Features section -Don't show images

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sun Aug 31, 2014 7:45 am
Reply with quote
Report this post
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>

Image
User avatar
Fresh Boarder

GK User
Sun Aug 31, 2014 11:10 am
Reply with quote
Report this post
Could you please post an url to your site?
User avatar
Moderator

GK User
Sun Aug 31, 2014 3:39 pm
Reply with quote
Report this post
User avatar
Fresh Boarder

GK User
Sun Aug 31, 2014 7:03 pm
Reply with quote
Report this post
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>
User avatar
Moderator

GK User
Wed Sep 03, 2014 7:46 pm
Reply with quote
Report this post
it doesn't work
User avatar
Fresh Boarder

GK User
Thu Sep 04, 2014 9:22 pm
Reply with quote
Report this post
Have you disabled tinyMCE and changed module code to provided one?
User avatar
Moderator

GK User
Fri Dec 05, 2014 4:51 pm
Reply with quote
Report this post
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>
User avatar
Fresh Boarder

GK User
Fri Dec 05, 2014 4:52 pm
Reply with quote
Report this post
now my question is: how to change the image from another directory ?
how to change it to your own image?
User avatar
Fresh Boarder

GK User
Mon Dec 08, 2014 10:18 am
Reply with quote
Report this post
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.
User avatar
Moderator

GK User
Mon Dec 08, 2014 10:21 am
Reply with quote
Report this post
@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.
User avatar
Moderator

GK User
Sun Nov 22, 2015 5:38 pm
Reply with quote
Report this post
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
User avatar
Fresh Boarder

GK User
Tue Nov 24, 2015 6:07 pm
Reply with quote
Report this post
Did you disable tinyMCE and replaced your "damaged" code with the one I have provided?
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.