Pop-up Profile in Toolbar is misaligned
2 posters
Page 1 of 1
Pop-up Profile in Toolbar is misaligned
Technical Details
Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Google Chrome, Opera
Screenshot of problem : https://image.prntscr.com/image/oOIYV4KMREyt-tDltiAbIw.png
Who the problem concerns : Yourself
When the problem appeared : Today
Forum link : http://www.canvasforums.com
Description of problem
The screenshot shows it all, pretty much. I haven't done that many major changes to the forum in the past few days (except enable widgets and add a few of those in) so I'm not too sure why this happened..Last edited by Valoish on July 2nd 2017, 2:48 am; edited 1 time in total
Re: Pop-up Profile in Toolbar is misaligned
Hi there,
If you have customized CSS for that part, can you provide it? Thanks.
If you have customized CSS for that part, can you provide it? Thanks.
Re: Pop-up Profile in Toolbar is misaligned
@Draxion
This is all the CSS I have that's for parts of the toolbar
I haven't touched any part of that CSS and it was fine before today/yesterday
This is all the CSS I have that's for parts of the toolbar
- Code:
#fa_toolbar {
left: 0px;
height: 47px !important;
font-family: Helvetica, Verdana, Arial;
font-size: 10px !important;
z-index: 999;
background: #252525!important; }
#fa_search, #fa_share, #fa_toolbar #fa_hide { display: none!important; }
#fa_right {
float: right;
font-size: 10px;
margin-right: 10px;
margin-top: -2px; }
#fa_toolbar #fa_right #notif_list {
font-size: 11px;
display: none;
position: absolute;
list-style-type: none;
background-color: #fff!important;
border: 1px solid #252525!important;
z-index: 999;
margin-top: 8px !important;
margin: 0;
padding: 0; }
#fa_menulist {
display: block;
position: absolute;
list-style-type: none;
margin: 0;
padding: 0 10px;
min-width: 175px;
width: auto;
line-height: 32px;
z-index: 999;
margin-top: 9px !important;
background: #fff !important;
border: 1px solid #25252 !important;
font-size: 10px; }
#fa_toolbar #fa_right #notif_list li.see_all {
background-color: #303030!important;
padding: 0.7em !important;
text-align: left;
}
#fa_toolbar #fa_right #notif_list li.see_all a {
padding-left: 10px;
color: #FFF!important;
font-weight: normal!important;
width: 140px !important;
}
#fa_toolbar #fa_right #fa_notifications.unread #notif_unread {
display: inline;
padding: 7px 3px 7px 0;
color: #FFF;
font-weight: normal!important;
}
#fa_toolbar #fa_right #notif_list li.unread { background-color: transparent!important; }
#fa_toolbar #live_notif div.fa_notification, #fa_toolbar #live_notif div.fa_notification .content .ellipsis { text-transform: none!important; }
#fa_toolbar #fa_service {
position: absolute;
top: 0;
left: 0;
color: #fdfdfd!important;
background-color: #40b3d4;
font-family: Calibri;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2.5px;
padding: 8.5px 16px;
margin: 0!important;
}
#fa_toolbar a#fa_service[href="http://www.canvasforums.com"] { text-decoration: none!important; }
#fa_toolbar a#fa_service:hover[href="http://www.canvasforums.com"] { text-decoration: none!important; background-color: transparent; color: #40b3d4!important; }
#fa_right #fa_notifications, #fa_right #fa_menu #fa_welcome {
background-color: transparent;
color: #595959!important;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: bold; }
#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications, #fa_menu:hover :visited, #fa_toolbar > #fa_right.welcome > #fa_welcome, #fa_right.welcome #fa_menu #fa_welcome {
background-color: transparent!important; }
#fa_left {
display: inline-block !important;
visibility: visible !important;
width: auto !important;
height: auto !important;
line-height: 30px !important;
margin-top: 10px;
}
#fa_right { margin-top: 8px; font-size: 10px!important; }
#fa_right.fa_tbMainElement { font-weight: bold; letter-spacing: 0.5px; color: #595959!important; }
#fa_right.fa_tbMainElement.welcome, ul#notif_list { font-weight: normal; text-transform: none; letter-spacing: 0.5px; color: #595959!important; }
#fa_right a.rightHeaderLink { text-transform: uppercase; }
I haven't touched any part of that CSS and it was fine before today/yesterday
Re: Pop-up Profile in Toolbar is misaligned
I found the issue. Remove 'padding: 0 10px;' from this part of the code.
- Code:
#fa_menulist {
display: block;
position: absolute;
list-style-type: none;
margin: 0;
padding: 0 10px;
min-width: 175px;
width: auto;
line-height: 32px;
z-index: 999;
margin-top: 9px !important;
background: #fff !important;
border: 1px solid #25252 !important;
font-size: 10px; }
Re: Pop-up Profile in Toolbar is misaligned
You're very welcome. Have a good weekend!
Problem solved & topic archived.
|
Similar topics
» help with PROFILE button in toolbar
» what should i do to show profile on the forum toolbar
» Not Able To Post Avatar Pic With Toolbar Edit Profile
» Login misaligned
» Nav bar misaligned vertically
» what should i do to show profile on the forum toolbar
» Not Able To Post Avatar Pic With Toolbar Edit Profile
» Login misaligned
» Nav bar misaligned vertically
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum