[Help] ESX Menu Position Change

help
menu
esx

#1

Hi, i need a little help editing the menu´s position on screen to look cooler, the menu´s current position is on the lower right corner, and i want it to be on the upper left corner, i just dont know what file to edit, if you guys could help me i´d be very glad. Thanks. :smiley:


#2

css file in esx_menu_default


#3

Thx for the quick response :smiley:
But could you be a little more precise ^^ ? Here´s my file:

@font-face {
  font-family: bankgothic;
  src: url('../fonts/bankgothic.ttf');
}

@font-face {
  font-family: pcdown;
  src: url('../fonts/pdown.ttf');
}

@font-face {
  font-family: awesome;
  src: url('../fonts/fontawesome.ttf');
}

.menu {
  font-family: awesome;  
  min-width  : 510px;
  color      : #fff;
  box-shadow : 8px 8px 8px 8px #000;
  position   : absolute;
}

.menu.align-left {
  left: 40;
  top : 50%;
  transform: translate(0, -50%); 
}

.menu.align-top-left {
  left: 40;
  top : 40; 
}

.menu.align-top {
  left: 50%;
  top : 40;
  transform: translate(-50%, 0); 
}

.menu.align-top-right {
  right: 10;
  top  : 40;
}

.menu.align-right {
  right: 40;
  top  : 50%;
  transform: translate(0, -50%); 
}

.menu.align-bottom-right {
  right : 40;
  bottom: 40;
}

.menu.align-bottom {
  left  : 50%;
  bottom: 40;
  transform: translate(-50%, 0); 
}

.menu.align-bottom-left {
  left  : 40;
  bottom: 40;
}

.menu.align-center {
  left : 50%;
  top  : 50%;
  transform: translate(-50%, -50%); 
}

.menu .head {
  background-color: #fd0909;
  text-align      : center;
  height          : 40px;
  line-height     : 40px;
}

.menu .menu-items {
  max-height : 600px;
  overflow-y : auto;
}

.menu .menu-items .menu-item {
  height          : 40px;
  display         : block;
  background-color: #3A3A3A;
  box-shadow      : inset 1px 0px 0px 1px #b8b8b8;
  height          : 32px;
  line-height     : 32px;
  color           : #f1f1f1;
  text-align      : center;
}

.menu .menu-items .menu-item.selected {
  background-color: #fd0909;
}

What should i change ? Thanks.


#4

Look at the menu you want to change for example inventory you will see something that says align: and whatever that is equal to one of the things in that css file so what you wanna do is change the left and the bottom to whatever you want

Left (lower the number to go more left)
Bottom(raise the number to go higher) I think


#5

Thx for your help ^^, im slowly moving it, not knowing how but i think i ll get there, thx. :smiley: