Home News Contact Us Forum About Us Demos Products F.A.Q.
ARI Soft









Register   Lost Password?
Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin







e-mail: info@ari-soft.com
Shopping Cart
You currently have 0 items in your cart.
Show Cart


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.
    more...

  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.
    more...


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?
ARI Soft Forum
WordPress plugins
ARI Fancy Lightbox

How to add a play icon to Image on CSS
(1 viewing) (1) Guest
"ARI Fancy Lightbox" WordPress plugin
Go to bottomPage: 12
TOPIC: How to add a play icon to Image on CSS
#64073
How to add a play icon to Image on CSS 6 Years ago Karma: 0
Hi

How to add a play icon to Image on CSS


<div class="wrapper-v" >
<div class="youtube-v" >
<a href="youtu.be/datov3ICOr4">
<img src="img.youtube.com/vi/datov3ICOr4/sddefault.jpg" alt="FUNNY KIDS" />
</a>
</div>
</div>




Can someone help me please?
momo7f
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#64074
Re: How to add a play icon to Image on CSS 6 Years ago Karma: 0
viral-v.com/?p=779&preview=true
momo7f
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#64077
Re: How to add a play icon to Image on CSS 6 Years ago Karma: 760
Hello,

It is not possible to open the link. This link is available only for administrators.

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#64078
Re: How to add a play icon to Image on CSS 6 Years ago Karma: 0
thank you for the reply

viral-v.com/funny-babies-funny-kids-fails-laugh-guaranteed-100/
momo7f
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#64079
Re: How to add a play icon to Image on CSS 6 Years ago Karma: 760
With your theme you can use the following CSS rules:

Code:

.youtube-v::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    content: '\e009';
    font-family: bimber;
    font-size: 32px;
    color: #FFF;
    border-radius: 50%;
    width: 32px;
    text-align:center;
    border:2px solid #fff;
}

.youtube-v:hover::after {
    opacity:0.6;
}


These rules can be added to "Custom CSS" parameter on "ARI Fancy Lightbox -> Settings -> Style" page.

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#64083
Re: How to add a play icon to Image on CSS 6 Years ago Karma: 0
Does not work when you click on the icon



thank you for the reply
momo7f
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 12
ARI Soft Forum
WordPress plugins
ARI Fancy Lightbox
Powered by Kunenaget the latest posts directly to your desktop
Useful Links
Products
F.A.Q.
Discount
RSS
Top Products
ARI Data Tables
ARI Sexy Lightbox
ARI Quiz
ARI Stream Quiz - Personal
ARI Smart Content
Help
Forum
F.A.Q.
Home | News | Contact Us | Forum | About Us | Demos | Products | F.A.Q.
ARI Soft
License | Terms and Conditions | Copyright Info | Privacy Policy
 
ARI Soft
Copyright © 2009