By Thomas on Friday, 17 October 2014
Posted in Technical Issues
Replies 13
Likes 0
Views 515
Votes 0
Hi guys,

I need to center the user dropdown module (vertical), like I did this with the notifications module before.
Therefor I used the following code

body div#fd.es.mod-es-notifications .es-notification .es-menu-item>a {
padding: 10px 8px !important;
}


I don't find the right code to change for doing this also for the user dropdown menu.



Can you help please?!
Hello Thomas,

Please provide us with the access to your site. Also, I am not really sure if I understand you here. What are you trying to "center"? Can you please provide a proper screen shot of what you are trying to align here?
·
Saturday, 18 October 2014 01:56
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

sorry access is not possible at the moment...
I attached another screenshot. I found out that the problem is not the dropdown user module but the notification module.
It should be positioned about 3px more down. If I do this via code the hyphens are getting in to the next are at the bottom...
·
Sunday, 19 October 2014 02:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Thomas,

I am really sorry but without any access to the site we cannot troubleshoot this issue as we need to inspect the elements on the site to look into this.
·
Sunday, 19 October 2014 02:11
·
0 Likes
·
0 Votes
·
0 Comments
·
Mark,

I talked to the guys and I could create you an account. Find attached...
·
Sunday, 19 October 2014 16:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Thomas,

Hm, can you please confirm that the popbox position for the dropdown module is configured to be in the "bottom" position? I have tested this locally and it seems to be working fine if you have set it to bottom, http://screencast.com/t/j9McMtaLlEXt
·
Sunday, 19 October 2014 18:23
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

it seems that you got me wrong.
I am talking about the notification module besides the dropdown menu of my site when logged on. This one is not centered in height
·
Monday, 20 October 2014 04:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Thomas,

Hm, strange it seems to load up fine for me as you can see here, http://screen.stackideas.com/2014-10-20_0953.png
·
Monday, 20 October 2014 09:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

that's right, at the moment it looks like your screenshot is showing, but the notification icons are not exactly centered, because at the top of the icons there is less space to the border than at the bottom of the icons.
So when I use a padding of 13px instead of the actual 10px I have the problem that the the hyphens are getting over the border (like I tested and showed it in the last screenshot)
·
Monday, 20 October 2014 16:51
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Thomas,

I am really sorry but I don't really see the problem on your site. Did you mean that you applied some css hacks which resulted into the screen shot you made previously? Can you please leave your hacks on so that I can really see the problems please?
·
Monday, 20 October 2014 23:41
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

now you should see the problem...
·
Saturday, 25 October 2014 17:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Thomas,

Please remove your css hacks and try this instead,


body div#fd.es.mod-es-notifications .es-notification .es-menu-item > a i {
margin-top: 8px;
}

body div#fd.es.mod-es-notifications .es-notification .es-menu-item > a {
padding: 0 !important;
height: 40px;
}


Please do take note that our support policy does not actually cover customizations and we are helping you right now out of good faith. Please do not expect that we should be assisting you with css hacks.
·
Sunday, 26 October 2014 01:24
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

thanks for helping. Instead of 8px I did it with 13px.
Sorry, but I didn't know that CSS customizing is not supported, because the hack came from your colleague as I asked for it, because the original module was not centered.

Thx anyway...
·
Monday, 27 October 2014 17:54
·
0 Likes
·
0 Votes
·
0 Comments
·
Not a problem Thomas Glad that your issues are resolved now.
·
Tuesday, 28 October 2014 00:03
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post