missing icons

Home Forums Legacy Support Support queries Styling issues missing icons

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #354749
    Hello dear Supporters (you do a great job, by the way) I am missing some icons: https://www.screencast.com/t/ZqIbwRIOl3ir the five that can be seen were uploaded by Diana manually, I think, but there are 8 empty rows with *.png, that are not there. 1) can I delete the empty boxes? 2) where can I get the pics, that belong there? Thank you, Daniela
    #354915
    Diana
    Participant
    Yes these images are demo images, but you can use your own images while creating your site And you can delete these blank boxes, if there is nothing in them
    #354923
    thanks for the reply. Now another issue (ok in this post or shall I open a new one? occured: https://www.screencast.com/t/OgkDeemg the categorie widget seems to be not responsive. is there anything I can change? Or another widget you recommend? Best, Daniela
    #355064
    Diana
    Participant
    It is responsive, that's why aligned properly in mobile device: http://prntscr.com/128cvhy
    #355527
    1) Yes, but mobile it is so small that noone can read the text or understand the icons. On my mobile about 0,4cm. Can that be changed, so that people can actually get the meaning? 2) To your and mine screenshot: do you see what happens to the poor logo in the mobile view? It is squeezed. How can we get it round again? Best, Daniela
    #355542
    Ada
    Participant
    Hi, You can use this css code to modify it according to you for mobile view. Add the code in appearance>>customize>>custom css
    
    @media(max-width:600px){
        .home-page .flex-viewport ul.slides li{
            width:100px !important;
            height:110px !important;
        }
         .home-page .flex-viewport ul.slides li a{
            height:28vw !important;
            width:28vw !important;
            border-radius:14vw !important;
        }
         .home-page .flex-viewport ul.slides li a img{
            height:20vw !important;
            width:20vw !important;
            border-radius:10vw !important;
        }
    
        .home-page .flex-viewport ul.slides li a .term_name span{
          top: 19vw;
          font-size: 3vw;  
        } 
    }
    
    #355553
    okay, now the icons are bigger - thats great - but my course carussel layout ist ruined... Not the final solution, I fear... :-) https://www.screencast.com/t/cI2vMp3s Other ideas? Best, Daniela
    #355698
    Ada
    Participant
    Hi, Please replace the above code with this one. It will not affect other course carousel
    
    @media(max-width:600px){
        .home-page #home_category_carousel .taxonomy_carousel .flex-viewport ul.slides li{
            width:100px !important;
            height:110px !important;
        }
         .home-page #home_category_carousel .taxonomy_carousel .flex-viewport ul.slides li a{
            height:28vw !important;
            width:28vw !important;
            border-radius:14vw !important;
        }
         .home-page #home_category_carousel .taxonomy_carousel .flex-viewport ul.slides li a img{
            height:20vw !important;
            width:20vw !important;
            border-radius:10vw !important;
        }
    
        .home-page #home_category_carousel .taxonomy_carousel .flex-viewport ul.slides li a .term_name span{
          top: 19vw;
          font-size: 3vw;  
        } 
    }
    
    #355935
    This reply has been marked as private.
    #356003
    Ada
    Participant
    Hi, Problems was from elementor settings. Please check now. https://drive.google.com/file/d/1OkHCqZox28x3hCRsJ3z7llRrgDDN80UQ/view
    #356031
    Still no scrolling on Chrome for android. (Firefox on another mobile is working) I try to describe: when I open the site mobile it is shown as in your video (great), but I cant swipe to see the other icons, it always jumps back. But at the moment this is one of the less important issues. ;-) If one turns the mobile its fine, so I guess we leave it as it is. Thanks for you help until here! :-)
    #356155
    This reply has been marked as private.
    #356191
    Ada
    Participant
    HI, I just did this change by editing the home-page with elementor . It can not affect other pages. https://prntscr.com/12k4f2n Changed no of blocks in one slide from 5 to 3 so that the scrolling work. You will be answered for your query on your other topics . And regarding to this topic it's working on chrome. So Please confirm can I close this topic?
    #356243
    This reply has been marked as private.
    #356404
    Ada
    Participant
    Okay. closing this topic.
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘missing icons’ is closed to new replies.