The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Pop-up Profile in Toolbar is misaligned

View previous topic View next topic Go down

Solved Pop-up Profile in Toolbar is misaligned

Post by Valoish on 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
avatar
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 on July 2nd 2017, 1:58 am

Hi there,

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


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1838
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Pop-up Profile in Toolbar is misaligned

Post by Valoish on 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
avatar
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 on 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; }


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1838
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Pop-up Profile in Toolbar is misaligned

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

Thank you @Draxion! It's all good now ^^
avatar
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 on 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


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1838
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

View previous topic View next topic Back to top


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