#1380 changes in the homescreen

[Ramana Reddy]

hi
I have attached the two images below.

I wan to design the page like mentioned in image "expected" .please suggest
1: Where to change the back ground color of header and the body

1. How to change the text properties like font size and style
2. how to create sub header under main header as shown in image
3. How to set the position of text and images , in this case I wan to set the images to left and right corners and text to middle

[Campbell Morrison]

You will need to create a custom CSS file (see systemdefaults.inc.php for details of how) and add your own rules that will override the standard rules.

[Ramana Reddy]

Hi Sir,

Thanks for the update.
But why the colors chenages in syling.inc not reflecting in application .

[Ramana Reddy]

I have updated the color variable with the new one as whon below, however
the changes could not reflect in the application. Can you please suggest
where exaclty the changes required?

$header_font_color = "#ffffff"; this is the default color
defined in mrbs application

$header_font_color = "#4a2849"; this one new color

[Campbell Morrison]

The CSS files are cached so you will need to clear your browser's cache before you see the change.

[Ramana Reddy]

Thank you , able to see the changes after clearing the catche.

Can you please clarify the below .

1. How to change the position of login , currently it is appering at top
   left side , but i want to move the position to midlle.
2. How to create sub header under main header , I wan to moove the fields
   room, report and login to sub header.

please suggest me the changes

[Campbell Morrison]

Sorry, maybe somebody else can help you with these changes as I am afraid I don't have time. But, to point you in the right direction:

(1) You should be able to do this with CSS alone by applying a custom CSS rule, eg

form#logon {
  width: 1%;
  margin-left: auto;
  margin-right: auto;
}

(2) This is more complicated as you'll probably need to change the markup by editing Themes/default/header.inc.

[Ramana Reddy]

Thanks for the update. I ll make the changes as suggested above. Can you
please tell me which css file need to be updated inorder to move the log in
to middle of the page. Please advice

[Campbell Morrison]

You will need to create a custom CSS file as already described above.