Recent
Categories
View Replies (2)

Double flash via font awesone?

  1. Issue
0
Votes
Undo
  1. mentil
    mentil
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 31 July 2018
  5.  Subscribe via email
HI,
is there a way to produce a "double" flash via Font awsome?

my site:

http://hw-control-demo.mentil.at/de/

site where i found the "double Flash":

http://www.hw-control.at/

Thanks Guys.

Greetings from Austria.
Attachments (1)
double_flash.png double_flash.png
Responses (2)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

By default this option is not available. You could try copying the source from your example site which looks some like the following...

HTML (add to custom module)

<div class="service-icon"> 

	<i class="fa fa-flash fa-3x"></i>

	<i class="fa fa-flash fa-3x"></i>

</div>


CSS (add to template Custom CSS field)

.service-icon {

    display: inline-block;

    height: 85px;

    width: 85px;

    line-height: 101px;

    -webkit-transform: rotate(47deg);

    -moz-transform: rotate(47deg);

    -ms-transform: rotate(47deg);

    -o-transform: rotate(47deg);

    transform: rotate(47deg);

}

.service-icon i {

    -webkit-transform: rotate(-48deg);

    -moz-transform: rotate(-48deg);

    -ms-transform: rotate(-48deg);

    -o-transform: rotate(-48deg);

    transform: rotate(-48deg);

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
mentil
mentil
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
thank you c.,

css is clear.

but where do i put "html"?

Thank you
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

One option would be a Custom module (Extensions -> Module Manager -> New -> Custom).

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!