Support » Plugin: Polylang » How do I remove the white border around the flags?

  • Resolved Paul Guijt

    (@paul-guijt)


    The flags on my website are surrounded by a white kind of border, but I can’t remove that with css. What is causing that white space?
    I currently have included in my style.css:

            .lang-item              { display:              inline                  ; /* Plugin Polylang  */
                                      margin-left:          0                       ;
                                      background-color:     var(--light-color)      ;
                                      border:               0                       ;
                                      padding:              0                       ;
    /*                                -webkit-box-shadow:   none                    ;
                                      box-shadow:           none                    ;
                                      border-top-style:     none                    ;
                                      border-bottom-style:  none                    ; */ }

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter Paul Guijt

    (@paul-guijt)

    Solved it! Apparently img tags were generally given a box shadow. I am now pleased with

    .lang-item       { display:            inline; 
                        list-style-type:    none  ;
                        margin-left:        0     ; } 
    
     li.lang-item img { -webkit-box-shadow: none  ;
                        box-shadow:         none  ; }
    
Viewing 1 replies (of 1 total)
  • The topic ‘How do I remove the white border around the flags?’ is closed to new replies.