Front page appearance

Front page appearance

by Ben Christopher -
Number of replies: 7

Just set this up and the:

You are logged in as Admin User (Logout) Language English (en)
is all bunched up and cant be seen. not a major issue - but if anyone knows if it can be made to look better, then that'd be great. please see screenshot

Attachment Untitled-1.jpg
Average of ratings: -
In reply to Ben Christopher

Re: Front page appearance

by Mary Cooch -
Picture of Documentation writers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Testers Picture of Translators

Hi Ben

You can get rid of it at the top (it will still be at the bottom anyway) by editing the header.html page of your theme

You need to cut out the bit

<?php echo $menu ?>

which comes up twice I think.

In reply to Ben Christopher

Re: Front page appearance

by Steve Hyndman -

You can do as Mary said to remove the login link, but the reason it's where it is (along with the lang menu) is because your header image is 1250px wide and it's pushing them there.

That's also why many people who look at your site will get a horizontal scroll bar. Since your header image only includes your web address on a black background, you should really redo that header images to no wider than you need for the text of your web address (maybe 400 to 600px) and then set the background color of the header in your theme to the same as the background color of your image...things will work a lot nicer for you this way.

See the site below...header image is 700px wide with the background color set to the same as that used in the header.

http://www.royalspringmiddle.net/web/

Steve

In reply to Steve Hyndman

Re: Front page appearance

by Ben Christopher -
hi steve,

with rgards to changing background to colour of my banner, ive gone into header.html

(<h1 class="headermain"><img alt='Moodle' src='<?php echo $CFG->httpsthemewww .'/'. current_theme() ?>/logo.jpg' /></h1>
<div class="headermenu"><?php echo $menu ?></div>)

and layout.css and i cant work out where i add my backgound colour....
In reply to Steve Hyndman

Re: Front page appearance

by Ben Christopher -
ok i see it looks like the css needs changig but i not sure which - one of hese 2?
th {
background-color:#E3DFD4;

}

th.header,
td.header,
div.header {
background-color: #E3DFD4;

In reply to Ben Christopher

Re: Front page appearance

by Steve Hyndman -

Your logo background color is #383838, so in the formal_white theme directory, open fw_color.css and find the following code and change #E3DFD4 to #383838. That should do it.

/***
 *** Header
 ***/

#header-home, #header {
  background-color: #E3DFD4;
  border-color:#C6BDA8;
}