Page 1 of 1

Chage menu background color and blog width

Posted: Mon Feb 27, 2023 11:00 pm
by cmarangon
hello!


Please, help!


How do I change the background and text colors of the menu, shown in the figure and circled in red?

I also need to change the blog width.
How can I do it?

Theme LEGGERO, style DRUDO.


Image

Re: Chage menu background color and blog width

Posted: Tue Feb 28, 2023 7:29 pm
by fraenkiman
Hello cmarangon,

regarding the width, call the file /fp-interface/themes/leggero/flatmaas-rev/res/commom.css and look at line 33.

Code: Select all

body > div#body-container {
    width: 760px;
}
The background color of the menu column can be found in the seben file in line 61

Code: Select all

#column {
    ......;
    background-color: #DDDBB;
   .......;
}
The text color of the links in the menu column can also be found in the seben file in line 232.

Code: Select all

a:link {
    color: #999977;
    .... ;
}
Important note: if you change the text color of the links in the menu column, it will also change the text color of the links in the main window (#outer-container > #main).

But the most useful information comes now ;) : To change a theme temporarily, I recommend to use the key combination Ctrl+Shift+I in Google Chrome to open the developer tools. Possibly this also works with the F12 key.
In the developer tools you can see in which file and in which line you can find which information.

Remember, if you change values in the commom.css file and want to see the result in the browser, empty the browser cache first.

With best regards
Frank

Re: Chage menu background color and blog width

Posted: Wed Mar 01, 2023 4:59 am
by cmarangon
Hello Frank!

Wonderful answer!
Thank you!
Changes was made with success, but please tell me, again...

How can I change color of the title menu box?

Image

Re: Chage menu background color and blog width

Posted: Wed Mar 01, 2023 6:50 pm
by fraenkiman
Hello cmarangon,

search for this in the file /fp-interface/themes/leggero/flatmaas-rev/res/commom.css in line 170:

Code: Select all

#column h4 {
    	color: white;
	...;
	background: #BBBB99 url(../imgs/sf_h4.png) bottom left repeat-x;
}
With best regards
Frank