Icons in buttons of image_show_gk4

Hi.
I'm working with Creativity Template on Joomla 3.x in this URL: http://muchieast.com/web

I know is possible to change the default button text but this time I want to substitute the text for an arrow pointing down in the Image_Show_gk4 module, in the Home page (intro position).
The angle-down icon from FontAwesome would be perfect so it matches to the horizontal navigation arrows of the slide.
Is it possible?

This time it would be the same icon in every slide but it would be useful if it's possible to do it on individual slides.

Thanks in advance!

Please edit: /templates/gk_creativity/css/override.css and add at its end:

Code: Select all

.gkIsWrapper-gk_creativity .figcaption > a.loaded:before {
display: inline-block;
content: "\f063";
font-family: FontAwesome;
font-size: 28px;
height: 50px;
line-height: 50px;
text-align: center;
text-indent: 0!important;
width: 50px;
}


Finally remove text from "Read more" button or leave there space or  

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

It worked: [url]muchieast.com/web[/url]
Thank you

One more thing:

I was trying to remove the white border of the button but that property is set in the style.css file for the Image Show gk4 module so when I modify it in the override.css file for the template, it just ignore it.

Is there a way to make the change without modifying the original style.css file?

Hello?

If you will use this declaration:

Code: Select all

.gkIsWrapper-gk_creativity .figcaption > a


and remove borders with !important - it must work.