Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: Extend description panel on Image Effect CK

Extend description panel on Image Effect CK 13 Feb 2018 14:32 #47064

  • ant3000
  • ant3000's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 11
  • Thank you received: 0
I've added those to the existing css but it's not working for me?

figure.imageeffectck:hover .imageeffectck_image {height:600px{

extends the panel to a fixed height but I was wondering if their was a way this could automatically adjust the height of the div depending on the content?

I've tried adding overflow:auto but that doesn't work?

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

Extend description panel on Image Effect CK 13 Feb 2018 14:33 #47065

  • ant3000
  • ant3000's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 11
  • Thank you received: 0
EDIT

figure.imageeffectck:hover .imageeffectck_img{height:600px;}

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

Extend description panel on Image Effect CK 13 Feb 2018 14:34 #47066

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 19218
  • Karma: 411
  • Thank you received: 2461
I have given your the code ...this is not what I have written

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

Joomlack Webmaster and Developer

Extend description panel on Image Effect CK 13 Feb 2018 14:43 #47068

  • ant3000
  • ant3000's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 11
  • Thank you received: 0
I've added the code you've supplied to the css but it hasn't worked?

Check the "USERS" panel at

uk604.directrouter.com/~wwqinzls/index.php/construction

I've extended the list to include more items but they remain hidden

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

Extend description panel on Image Effect CK 13 Feb 2018 14:49 #47069

  • ant3000
  • ant3000's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 11
  • Thank you received: 0
figure.effectck-sarahPink img, figure.effectck-sarahBlue img {
max-width: none !important;
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
min-height: 220px;
object-fit: cover;
}

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

Extend description panel on Image Effect CK 13 Feb 2018 14:58 #47070

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 19218
  • Karma: 411
  • Thank you received: 2461
you must adapt the min-height value to your need, of course if you add then more text, you will get the same ...
may be that you must not put so much text ;)
This is not an article, just a visual effect to attract the visitor and give a short info.

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

Joomlack Webmaster and Developer

Extend description panel on Image Effect CK 13 Feb 2018 15:12 #47071

  • ant3000
  • ant3000's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 11
  • Thank you received: 0
I've managed to achieve this effect -
uk604.directrouter.com/~wwqinzls/index.php/construction

using

figure.imageeffectck .figure.imageeffectck_img {
position:relative;
overflow:hidden;
height:220px;
{

figure.imageeffectck:hover .figure.imageeffectck_img {
height:600px;
-webkit-transition: height 4s;
transition: height 4s;
{

but it needs a height specified on the div. Can you think of a way that the height would auto set?

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

Extend description panel on Image Effect CK 13 Feb 2018 15:17 #47072

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 19218
  • Karma: 411
  • Thank you received: 2461
great :)
there is no auto height as the text is positioned in absolute ...

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

Joomlack Webmaster and Developer

Extend description panel on Image Effect CK 13 Feb 2018 15:21 #47073

  • ant3000
  • ant3000's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 11
  • Thank you received: 0
No worries! I figure I'll set a class something like "sarahSlide" and set a character limit to accommodate the height?

Thanks for your help :)

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

  • Page:
  • 1
  • 2
Time to create page: 0.200 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 452 guests and one member online