Support » Plugin: Blackout: Dark Mode Widget » width and heigh property of darkmode-toggle class has two different values

  • 戚威生

    (@shaodan1997)


    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.

Viewing 1 replies (of 1 total)
  • Plugin Author Jose Sotelo

    (@josesotelocohen)

    Hello @shaodan1997

    It’s weird that the former one isn’t working on your site, haven’t seen that issue in other sites.

    I’ll look into it and see what can be done from my side.

    Also, you can create your own widget, so you could use your custom icon or something like that and just add the darkmode-enable class to it. You would need to enable the setting in the settings page of the plugin.

    Cheers!

Viewing 1 replies (of 1 total)
  • The topic ‘width and heigh property of darkmode-toggle class has two different values’ is closed to new replies.