Forum Replies Created
Viewing 7 posts - 1 through 7 (of 7 total)
-
AuthorPosts
-
it’s all working.
you can close the topic!now is perfect!
/* * ICON CIRCLE WIDGET RESPONSIVE SETTING * * Stile per desktop * */ @media screen and (min-width: 1301px) { .responsive #top .avia-icon-circles-icon { height: 120px !important; width: 120px !important; line-height: 110px !important; font-size: 85px !important; } .avia-icon-circles-icon-text-inner .icon-title {font-size: 35px } .avia-icon-circles-icon-text-inner .icon-description {font-size: 24px } } /* Stile per tablet */ @media screen and (min-width: 1024px) and (max-width: 1300px) { .responsive #top .avia-icon-circles-icon { height: 90px !important; width: 90px !important; line-height: 80px !important; font-size: 65px !important; } .avia-icon-circles-icon-text-inner .icon-title {font-size: 24px } .avia-icon-circles-icon-text-inner .icon-description {font-size: 18px } } /* Stile per cellulari */ @media screen and (max-width: 1023px) { .responsive #top .avia-icon-circles-icon { height: 60px !important; width: 60px !important; line-height: 55px !important; font-size: 40px !important; } .avia-icon-circles-icon-text-inner .icon-title {font-size: 18px } .avia-icon-circles-icon-text-inner .icon-description {font-size: 12px } }
tnx
this code is now working:
/* * ICON CIRCLE WIDGET RESPONSIVE SETTING * * Stile per desktop * */ @media screen and (min-width: 1301px) { .responsive #top .avia-icon-circles-icon { height: 120px !important; width: 120px !important; line-height: 110px !important; font-size: 85px !important; } } /* Stile per tablet */ @media screen and (min-width: 1024px) and (max-width: 1300px) { .responsive #top .avia-icon-circles-icon { height: 90px !important; width: 90px !important; line-height: 80px !important; font-size: 65px !important; } } /* Stile per cellulari */ @media screen and (max-width: 1023px) { .responsive #top .avia-icon-circles-icon { height: 60px !important; width: 60px !important; line-height: 55px !important; font-size: 40px !important; } }
can I insert setting for the description text font eight?
Unfortunately I’m developing it on my computer. I’ll give you a link to see what it does:
initially the icons should be large and then move to medium and become small as the screen becomes smaller.
the text in the description should also change accordingly from large to small
instead the icons are initially small, then increase and then become small again.you can close it,
thank youPerfect, tnx
perfect Ismael, thanks!
Is it possible to set these parameters for the three resolutions desktop, tablet and mobile? -
AuthorPosts
Viewing 7 posts - 1 through 7 (of 7 total)