responsive Image Effect CK

Replied by ced1870 on topic responsive Image Effect CK

Posted 3 years 4 months ago #58929
Hi
you can put this code in your template, or in any place where you can write some custom css
CEd

Joomlack Webmaster and Developer

by ced1870

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

Replied by Abba on topic responsive Image Effect CK

Posted 3 years 4 months ago #59016
Please is there a way i can give separate font sizes as i use two effects on my website. the first i use bubba and the second i use flip bottom. when i put this code it's OK for flip bottom, but for bubba is not. so is there a way i ca give bubba its own because its too small and the heading move above box that appear with the text when you hover.

Thank you
Haris Abba
by Abba

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

Replied by Abba on topic responsive Image Effect CK

Posted 3 years 4 months ago #59017
The issue is just on mobile view, and tab portrait view. you can check and see it here www.investorswing.com
by Abba

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

Replied by ced1870 on topic responsive Image Effect CK

Posted 3 years 4 months ago #59018
you can use mutiple rules, depending on the effects, for example
Code:
figure.imageeffectck:not(.effectck-bubba) figcaption { font-size: 12px; padding: 0; } figure.imageeffectck.effectck-bubba figcaption { font-size: 12px; }

and you can also adapt the value of the media query

@media screen and (max-width: 920px)

you can also add multiple media queries with different values, and give multiple rules for each effect on each size

Joomlack Webmaster and Developer

by ced1870

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

Time to create page: 0.684 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1194 guests and no members online