Chage menu background color and blog width

Ask questions about FlatPress themes, present your themes, request new themes.
Post Reply
cmarangon
Posts: 15
Joined: Thu Feb 03, 2022 6:35 pm
Location: Curitiba - Brazil
Contact:

Chage menu background color and blog width

Post by cmarangon » Mon Feb 27, 2023 11:00 pm

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

User avatar
fraenkiman
Posts: 203
Joined: Thu Feb 03, 2022 7:25 pm
Location: Berlin, Germany
Contact:

Re: Chage menu background color and blog width

Post by fraenkiman » Tue Feb 28, 2023 7:29 pm

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
:pencil: You are strong in PHP and Java Script? :point_right: Then help us to improve FlatPress. :point_left:

:exploding_head: Looking for ideas, templates, examples and answers to frequently asked questions?
:bulb: You'll find it here.

My :de: FlatPress-Blog: https://frank-web.dedyn.io

cmarangon
Posts: 15
Joined: Thu Feb 03, 2022 6:35 pm
Location: Curitiba - Brazil
Contact:

Re: Chage menu background color and blog width

Post by cmarangon » Wed Mar 01, 2023 4:59 am

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

User avatar
fraenkiman
Posts: 203
Joined: Thu Feb 03, 2022 7:25 pm
Location: Berlin, Germany
Contact:

Re: Chage menu background color and blog width

Post by fraenkiman » Wed Mar 01, 2023 6:50 pm

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
:pencil: You are strong in PHP and Java Script? :point_right: Then help us to improve FlatPress. :point_left:

:exploding_head: Looking for ideas, templates, examples and answers to frequently asked questions?
:bulb: You'll find it here.

My :de: FlatPress-Blog: https://frank-web.dedyn.io

Post Reply

Who is online

Users browsing this forum: No registered users and 0 guests