End of Support for Joomla 3 - Forum closed

Effect of the deom-slider

  • knuddle
  • knuddle's Avatar Offline Topic Author
  • Junior Boarder
  • Junior Boarder
  • Posts: 39
  • Thank you received: 0

Effect of the deom-slider was created by knuddle

Posted 9 years 3 months ago #6421
Hi,

How can I add the effect of the slider in the demo-site to another module?
The effect is in the joomlaplates.css in line 583, right?
Is this the same like the one in the 'maps'-position and can it be added to other items in the page?

regards, philipp
by knuddle

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Effect of the deom-slider

Posted 9 years 3 months ago #6422
The effect is based on the class "op-effect"

<img border="0" alt="Demo Image" src="/jp_x2/images/joomlaplates/slider-001.png" class="op-effect">

Add a class "op-effect" to your Div or image and it has an opacity and when mouse over the opacity is gone.

Please Log in or Create an account to join the conversation.

  • knuddle
  • knuddle's Avatar Offline Topic Author
  • Junior Boarder
  • Junior Boarder
  • Posts: 39
  • Thank you received: 0

Replied by knuddle on topic Effect of the deom-slider

Posted 9 years 3 months ago #6440
I've tried it like this: <img border="0" alt="Demo Image" src="/jp_x2/images/joomlaplates/slider-001.png" class="op-effect">
with a example pic - but it did not work.

The class is already defined, or do I have to do this?
by knuddle

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Effect of the deom-slider

Posted 9 years 3 months ago #6446
Can I get the live Url with the image code?

Please Log in or Create an account to join the conversation.

  • knuddle
  • knuddle's Avatar Offline Topic Author
  • Junior Boarder
  • Junior Boarder
  • Posts: 39
  • Thank you received: 0

Replied by knuddle on topic Effect of the deom-slider

Posted 9 years 3 months ago #6447
I tried it with the 'Logo-pic' on the following page:
kunden.halir.com/lph/
by knuddle

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Effect of the deom-slider

Posted 9 years 3 months ago #6450
Please try the effect on any other image instead of logo image, because the logo image has always an opacity of 1.
Anyway if you want the effect for your logo too you have to add this code to your file >> css / custom.css

#logo img {
opacity: 0.4;
}

Last Edit:9 years 3 months ago by joomlaplates
Last edit: 9 years 3 months ago by joomlaplates.
The following user(s) said Thank You: knuddle

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2022 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License