Forum Replies Created

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • in reply to: responsive icon circle widget #1467683

    it’s all working.
    you can close the topic!

    in reply to: responsive icon circle widget #1467673

    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

    in reply to: responsive icon circle widget #1467651

    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?

    in reply to: responsive icon circle widget #1467581

    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.

    in reply to: Icon Circle settings and responsive #1466301

    you can close it,
    thank you

    in reply to: Icon Circle settings and responsive #1466294

    Perfect, tnx

    in reply to: Icon Circle settings and responsive #1466197

    perfect Ismael, thanks!
    Is it possible to set these parameters for the three resolutions desktop, tablet and mobile?

Viewing 7 posts - 1 through 7 (of 7 total)