Indie-Resource.com

Where can i change the font and the size of the side menu?

You should really start to use the browser developer tools, IE, FF and Chrome all offer the key F12 to open up the developer tool. From there, check out the HTML, inspect icon (varies between browsers), click on the item on the page, and you get the HTML behind it as well as the CSS rules applied to it.

To answer you in a more direct way, as always: the CSS of the template is responsible of it. There is only a single CSS file, and that handles all. Check out the menuEntry classes

Yep, just hover over an item and hit inspect element and it will automatically point you to the div in the browser tools where you can see the name of the div. Then go find it in the CSS sheet and change it.

If you disable the NWE cache module it will even show the CSS file used

Also the little magnifying glass tool works wonders as well. that way you dont have to search for it really:

ok, i pressed F12 on Chrome and saw the CSS file. I even change the text "ACTION" to "SUPER ACTION" but i couldn't find a way to save the change on the browser development tool. When i refresh the website the changed text "SUPER ACTION" was switched back to "ACTION". Sorry, noob status here.

You normally cannot save directly from the browser. It let you just find it, and play with the definitions but that's about it. Some editors like PHP Web storm may allow the direct saving from the browser.

if thats the case. where can i find the file to edit the menuEntry:

"<a href="index.php?p=inside_menu&g=Actions&token=27be42f3933ecf8d193786bcd689f7b8" id="menu_actions">Actions</a>"

i probably want to edit the font for this word "ACTION" or insert a picture as a replacement. i searched everywhere but i can't seem to find it.

As said, it's in the template CSS file. So check which template you use, check the template directory, and find the CSS file.

well I'm in the mafia.css now but all i see is this:
---------------------------------------------------------------------------------------
html {
height: 100%;
}

body {
height: 100%;
margin: 0px;
background-color: black;
color: white;
font-family: sans-serif;
font-size: 12px;
}

#hatImage
{
background-image: url('images/hat_cigar.png');
position: absolute;
left: 20px;
top: 20px;
width: 213px;
height: 198px;
}

#messageAlert
{
top: 65px;
right: 25px;
position: absolute;
width: 50px;
height: 40px;
background-image: url('../../images/message_icon.png');
padding-top: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: center;
font-weight: bold;
color: #FFFFFF;
text-shadow: #000000 0px 0px 2px;
cursor: pointer;
}
------------------------------------------------------------------------------------------

I can't find the text "ACTION" anywhere. I even look into main.php. I'm sorry for being annoying but atleast this will help out other noobs like me asking the same question.