ARI Soft - How to add a play icon to Image on CSS

Home

News

Forum

About Us

Demos

Products

F.A.Q.

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

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...
21/11/2023 BLACK FRIDAY 23 is coming

BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.

more...

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

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

Page: 12

TOPIC: How to add a play icon to Image on CSS

Forum Tools

#64073

How to add a play icon to Image on CSS 5 Years, 5 Months 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

The administrator has disabled public write access.

#64074

Re: How to add a play icon to Image on CSS 5 Years, 5 Months ago	Karma: 0
viral-v.com/?p=779&preview=true

momo7f

The administrator has disabled public write access.

#64077

Re: How to add a play icon to Image on CSS 5 Years, 5 Months ago	Karma: 748
Hello, It is not possible to open the link. This link is available only for administrators. Regards, ARI Soft

admin

The administrator has disabled public write access.

#64078

Re: How to add a play icon to Image on CSS 5 Years, 5 Months ago	Karma: 0
thank you for the reply viral-v.com/funny-babies-funny-kids-fails-laugh-guaranteed-100/

momo7f

The administrator has disabled public write access.

#64079

Re: How to add a play icon to Image on CSS 5 Years, 5 Months ago Karma: 748

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

The administrator has disabled public write access.

#64083

Re: How to add a play icon to Image on CSS 5 Years, 5 Months ago	Karma: 0
Does not work when you click on the icon thank you for the reply

momo7f

The administrator has disabled public write access.

Page: 12

Useful Links