Extend description panel on Image Effect CK
Replied by ant3000 on topic Extend description panel on Image Effect CK
Posted 6 years 2 months ago #47064
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?
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?
by ant3000
Please Log in or Create an account to join the conversation.
Replied by ant3000 on topic Extend description panel on Image Effect CK
Posted 6 years 2 months ago #47065
EDIT
figure.imageeffectck:hover .imageeffectck_img{height:600px;}
figure.imageeffectck:hover .imageeffectck_img{height:600px;}
by ant3000
Please Log in or Create an account to join the conversation.
Replied by ced1870 on topic Extend description panel on Image Effect CK
Posted 6 years 2 months ago #47066
I have given your the code ...this is not what I have written
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
Replied by ant3000 on topic Extend description panel on Image Effect CK
Posted 6 years 2 months ago #47068
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
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
by ant3000
Please Log in or Create an account to join the conversation.
Replied by ant3000 on topic Extend description panel on Image Effect CK
Posted 6 years 2 months ago #47069
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;
}
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;
}
by ant3000
Please Log in or Create an account to join the conversation.
Replied by ced1870 on topic Extend description panel on Image Effect CK
Posted 6 years 2 months ago #47070
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.
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.
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
Time to create page: 0.689 seconds