Paran0lik u mean for guest?

u need to do the same for guest:

.backgrwbguest {
    margin-top: -40px !important; //change this value according to your needs
}

      Justoverclock So far, I supported you to update the weather widget, a little later, if you do not mind doing this, I am ready to support this function too)

          11 days later

          Thanks for adding the "Use Widget Version" function. Because I use the following CSS for AfruxWidgets-Widget-content in other widgets:

          box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px,rgba(0,0,0,0.06) 0px 1px 2px 0px;

          Then the welcome Box becomes likes this: 😅

          How can I do about it?

          I am think about customizing a few icon on the welcome box, such as my bookmarks, my badges, Following. Would you please help me with this? Thanks in advance.

            ash3T post your forum link so I can see the widget css live.

            Customizing icon means that u need to fork and rewrite that part of the extension 😉

                Justoverclock Thanks for your reply. Here is the [link](Edit：this is the [link](https:/).

                Justoverclock Customizing icon means that u need to fork and rewrite that part of the extension 😉

                I never did those before, I will give it a try. 😀

                      ash3T simply add this to your css:

                      .backgrwb{
    box-shadow: none !important;
}
.backgrwbguest{
    box-shadow: none !important;
}

                          Justoverclock Thanks very much for the quick fix 😄 . I should have thought about it. 😅

                          I also want to add the following:

                          .containerwb {
 margin-top: 0 !important;
 margin-bottom: 0 !important;
}

                          So the welcome box will not be too tall. 😀

                            How to delete a blank area? Justoverclock

                            code as follows:

                            <nav class="IndexPage-nav sideNav"><ul><li class="item-startTopWidgetSection"><div class="AfruxWidgets-startTop AfruxWidgets-WidgetSection"><div class="AfruxWidgets-Widget welcomebox-widget"><div class="AfruxWidgets-Widget-content"></div></div></div></li><li class="item-welcomeBox"><div class="containerwb"><div class="backgrwb"><button class="Dropdown-toggle Button logwbox hasIcon" type="button" aria-label="Log Out"><i aria-hidden="true" class="icon fas fa-sign-out-alt logoutt Button-icon"></i><span class="Button-label"></span></button><div><a href="/u/tmtd"><div class="avatarwb"><div class="AvatarEditor Dropdown"><img class="Avatar " src="https://bbs.tmtd.cn/assets/avatars/KCl9GcNItf0x3dQk.png" alt=""><a class="Dropdown-toggle" title="Upload a new avatar" data-toggle="dropdown"><i aria-hidden="true" class="icon fas fa-pencil-alt "></i></a><ul class="Dropdown-menu Menu"><li class="item-upload"><button class="hasIcon" type="button"><i aria-hidden="true" class="icon fas fa-upload Button-icon"></i><span class="Button-label">Upload</span></button></li><li class="item-remove"><button class="hasIcon" type="button"><i aria-hidden="true" class="icon fas fa-times Button-icon"></i><span class="Button-label">Remove</span></button></li></ul></div></div></a></div><div class="contentwb"><div class="textinfo">Welcome back,<br><strong><span class="username">ZWH</span></strong></div><div class="cont"><div class="circletop"><a href="/settings" title="Settings"><i class="menuicon fas fa-tasks"></i></a><a href="/u/tmtd" title="Profile"><i class="menuicon far fa-user"></i></a><a href="/u/tmtd/mentions" title="Mentions"><i class="menuicon fas fa-at"></i></a><a href="/u/tmtd/discussions" title="My Discussion List"><i class="menuicon far fa-list-alt"></i></a></div></div></div><div class="iconbadge"><li class="item-group1"><div class="Badge Badge--group--1" title="" aria-label="Admin" style="--badge-bg:#B72A2A;" data-original-title="Admin"><i aria-hidden="true" class="icon fas fa-wrench Badge-icon"></i></div></li></div><div class="ulwb contentwb"><li><label class="textinfo">Posts</label>: <strong class="textinfo">103</strong></li><li><label class="textinfo">Discussions</label>: <strong class="textinfo">78</strong></li></div></div></div></li><li class="App-primaryControl item-newDiscussion"><button class="Button Button--primary IndexPage-newDiscussion hasIcon" type="button" itemclassname="App-primaryControl"><i aria-hidden="true" class="icon fas fa-edit Button-icon"></i><span class="Button-label">Start a Discussion</span></button></li><li class="item-nav"><div class="ButtonGroup Dropdown dropdown App-titleControl Dropdown--select itemCount15"><button class="Dropdown-toggle Button" aria-haspopup="menu" aria-label="Toggle navigation dropdown menu" data-toggle="dropdown"><span class="Button-label">All Discussions</span><i aria-hidden="true" class="icon fas fa-sort Button-caret"></i></button><ul class="Dropdown-menu dropdown-menu "><li class="item-allDiscussions active"><a class="hasIcon" href="/" active="true"><i aria-hidden="true" class="icon far fa-comments Button-icon"></i><span class="Button-label">All Discussions</span></a></li><li class="item-privateDiscussions"><a class="hasIcon" href="/private" active="false"><i aria-hidden="true" class="icon fas fa-address-card Button-icon"></i><span class="Button-label">Private Discussions</span></a></li><li class="item-following"><a class="hasIcon" href="/following" active="false"><i aria-hidden="true" class="icon fas fa-star Button-icon"></i><span class="Button-label">Following</span></a></li><li class="item-bookmarks"><a class="hasIcon" href="/bookmarks" active="false"><i aria-hidden="true" class="icon fas fa-bookmark Button-icon"></i><span class="Button-label">Bookmarks</span></a></li><li class="item-tags"><a class="hasIcon" href="/tags" active="false"><i aria-hidden="true" class="icon fas fa-th-large Button-icon"></i><span class="Button-label">Tags</span></a></li><li class="Dropdown-separator"></li><li class="item-tag1"><a class="TagLinkButton hasIcon" href="/t/diary" title="A person’s private record of events, thoughts, feelings" style="--color:#339999;"><i class="Button-icon icon fab fa-chrome" style="--color:#339999; color: rgb(51, 153, 153);"></i><span class="Button-label">Diary</span></a></li><li class="item-tag8"><a class="TagLinkButton hasIcon" href="/t/parenting" title="Raising of children" style="--color:#1aad19;"><i class="Button-icon icon fas fa-baby" style="--color:#1aad19; color: rgb(26, 173, 25);"></i><span class="Button-label">Parenting</span></a></li><li class="item-tag10"><a class="TagLinkButton hasIcon" href="/t/talk" title="Anything but AD." style="--color:#339999;"><i class="Button-icon icon fab fa-rocketchat" style="--color:#339999; color: rgb(51, 153, 153);"></i><span class="Button-label">Talk</span></a></li><li class="item-tag2"><a class="TagLinkButton hasIcon" href="/t/study" title="to learn  to share." style="--color:#99ffff;"><i class="Button-icon icon fab fa-edge" style="--color:#99ffff; color: rgb(153, 255, 255);"></i><span class="Button-label">Study</span></a></li><li class="item-tag9"><a class="TagLinkButton hasIcon" href="/t/rightsprotection" title="RightsProtection" style="--color:#ff0033;"><i class="Button-icon icon fas fa-money-check-alt" style="--color:#ff0033; color: rgb(255, 0, 51);"></i><span class="Button-label">RightsProtection</span></a></li><li class="item-tag6"><a class="TagLinkButton hasIcon" href="/t/secret" title="Some little-known stories" style="--color:#FF6EB4;"><i class="Button-icon icon fas fa-hands" style="--color:#FF6EB4; color: rgb(255, 110, 180);"></i><span class="Button-label">Secret</span></a></li><li class="item-tag7"><a class="TagLinkButton hasIcon" href="/t/antastic" title="administrator only" style="--color:#99cc66;"><i class="Button-icon icon fas fa-beer" style="--color:#99cc66; color: rgb(153, 204, 102);"></i><span class="Button-label">antastic</span></a></li><li class="item-tag5"><a class="TagLinkButton hasIcon" href="/t/todo" title="" style="--color:#ff4c41;"><i class="Button-icon icon fas fa-clock" style="--color:#ff4c41; color: rgb(255, 76, 65);"></i><span class="Button-label">ToDo</span></a></li><li class="item-tag4"><a class="TagLinkButton hasIcon" href="/t/done" title="" style="--color:#006633;"><i class="Button-icon icon fas fa-check-circle" style="--color:#006633; color: rgb(0, 102, 51);"></i><span class="Button-label">Done</span></a></li></ul></div></li><li class="item-startBottomWidgetSection"><div class="AfruxWidgets-startBottom AfruxWidgets-WidgetSection"></div></li></ul></nav>

                            thanks to @Forhack 😀

                            
@media @phone {
.welcomebox-widget .AfruxWidgets-Widget-content {
    display: none !important;
 }
}

                              Hi,

                              This extension seems to not be working with @askvortsov Categories extension 🙁 (the welcome box does apply a display: none)

                                MathieuM maybe because that extension use the same route as tags page....and there's no space for welcome box there unfortunately, but u can override the css if you want to make it visible only to you

                                    a month later

                                    Justoverclock

                                    Hey, what rgba you write is I need background to be #1b2228 instead of blue one? I have no idea how rgba and box-shadows, and gradients work. total head ace.

                                    Also I try'd to enter this in custom css, but nothing works.

                                    .backgrwb {
                                    background: #1b2228;
                                    }

                                    Never mind. I edited files via FTP. for some reason Custom CSS does not overlap some elements.

                                      a month later