Features section -Don't show images
Rate this topic: 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 & 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>
This is my code...
<div class="gkFeatures "><a class="gkRocket" href="#">Analisis Programado Drag & 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>
-
- 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?
-
- Moderator
- GK User
- Sun Aug 31, 2014 3:39 pm
- Reply with quote
- Report this post
-
- 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:
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 & Money</a>
</div>
<a href="#">View Full Features</a>
-
- Moderator
- 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?
-
- 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>
<a href="#" class="gkRocket" data-animation="flip" data-delay="0"><span>Rocket</span>Innovative Design</a>
-
- 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?
how to change it to your own image?
-
- 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.
-
- 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:
Remember to enable "CSS override" in template settings - advanced section.
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.
-
- 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
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
-
- 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?
-
- Moderator
12 posts
• Page 1 of 1