Font and size of the side menu?

General Chat, Comments
Post Reply
KaL
Posts: 344
Joined: Mon Jan 13, 2014 5:44 am

Font and size of the side menu?

Post by KaL »

Where can i change the font and the size of the side menu?
User avatar
a_bertrand
Posts: 1536
Joined: Mon Feb 25, 2013 1:46 pm

Re: Font and size of the side menu?

Post by a_bertrand »

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
Creator of Dot World Maker
Mad programmer and annoying composer
User avatar
hallsofvallhalla
Site Admin
Posts: 12023
Joined: Wed Apr 22, 2009 11:29 pm

Re: Font and size of the side menu?

Post by hallsofvallhalla »

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.
User avatar
a_bertrand
Posts: 1536
Joined: Mon Feb 25, 2013 1:46 pm

Re: Font and size of the side menu?

Post by a_bertrand »

If you disable the NWE cache module it will even show the CSS file used ;)
Creator of Dot World Maker
Mad programmer and annoying composer
User avatar
KyleMassacre
Posts: 573
Joined: Wed Nov 27, 2013 12:42 pm

Re: Font and size of the side menu?

Post by KyleMassacre »

Also the little magnifying glass tool works wonders as well. that way you dont have to search for it really:
Image
KaL
Posts: 344
Joined: Mon Jan 13, 2014 5:44 am

Re: Font and size of the side menu?

Post by KaL »

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.
User avatar
a_bertrand
Posts: 1536
Joined: Mon Feb 25, 2013 1:46 pm

Re: Font and size of the side menu?

Post by a_bertrand »

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.
Creator of Dot World Maker
Mad programmer and annoying composer
KaL
Posts: 344
Joined: Mon Jan 13, 2014 5:44 am

Re: Font and size of the side menu?

Post by KaL »

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.
User avatar
a_bertrand
Posts: 1536
Joined: Mon Feb 25, 2013 1:46 pm

Re: Font and size of the side menu?

Post by a_bertrand »

As said, it's in the template CSS file. So check which template you use, check the template directory, and find the CSS file.
Creator of Dot World Maker
Mad programmer and annoying composer
KaL
Posts: 344
Joined: Mon Jan 13, 2014 5:44 am

Re: Font and size of the side menu?

Post by KaL »

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.
Post Reply

Return to “General”