The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Pop-up Profile in Toolbar is misaligned

2 posters

Go down

Solved Pop-up Profile in Toolbar is misaligned

Post by Valoish July 2nd 2017, 1:45 am

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
Valoish
Valoish
Forumember

Female Posts : 291
Reputation : 54
Language : English
Location : NYC

http://www.canvastutorials.org/

Back to top Go down

Solved Re: Pop-up Profile in Toolbar is misaligned

Post by Draxion July 2nd 2017, 1:58 am

Hi there,

If you have customized CSS for that part, can you provide it? Thanks.
Draxion
Draxion
Helper
Helper

Male Posts : 2518
Reputation : 321
Language : English
Location : USA

https://www.talesoftellene.com/

Back to top Go down

Solved Re: Pop-up Profile in Toolbar is misaligned

Post by Valoish July 2nd 2017, 2:32 am

@Draxion
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
Valoish
Valoish
Forumember

Female Posts : 291
Reputation : 54
Language : English
Location : NYC

http://www.canvastutorials.org/

Back to top Go down

Solved Re: Pop-up Profile in Toolbar is misaligned

Post by Draxion July 2nd 2017, 2:36 am

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; }
Draxion
Draxion
Helper
Helper

Male Posts : 2518
Reputation : 321
Language : English
Location : USA

https://www.talesoftellene.com/

Back to top Go down

Solved Re: Pop-up Profile in Toolbar is misaligned

Post by Valoish July 2nd 2017, 2:48 am

Thank you @Draxion! It's all good now ^^
Valoish
Valoish
Forumember

Female Posts : 291
Reputation : 54
Language : English
Location : NYC

http://www.canvastutorials.org/

Back to top Go down

Solved Re: Pop-up Profile in Toolbar is misaligned

Post by Draxion July 2nd 2017, 2:48 am

You're very welcome. Have a good weekend!
Problem solved & topic archived.
Please read our forum rules: ESF General Rules
Draxion
Draxion
Helper
Helper

Male Posts : 2518
Reputation : 321
Language : English
Location : USA

https://www.talesoftellene.com/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum