width and heigh property of darkmode-toggle class has two different values

Replies: 0

Wordpress version:5.5.1

Hi,

I just install the plugin. The widget works smoothly except the size, it looks really large. I have tried to adjust the size in Widget Settings but it didn’t work.

So I tried to check the element using browser developer tools and found that there are two different sets of values given to width and heigh property of darkmode-toggle class

.darkmode-toggle {
        background: #000000;
        <strong>width: 3rem;</strong>
        <strong>height: 3rem;</strong>
        position: fixed;
        border-radius: 50%;
        border:none;
        right: unset;
        bottom: 32px;
        left: 32px;
        cursor: pointer;
        transition: all 0.5s ease;
        display: flex;
        justify-content: center;
        align-items: center;
      }

and the inline one

.darkmode-toggle {
            width:80px !important;
            height:80px !important;
      }

So the former one won’t take effect.