Edit 404 and footer pages? (Elgrey template)

[Dennis]

Greetings.

I like to add my logo in heeder of the 404 page to the right but, my css knowledge is just basic and wonder how I can make it happen:

<div class="top">
      <div class="top1" align="<?php echo _GEM_RTL ? 'left' : 'right'; ?>">
         <img src="<?php echo $mosConfig_live_site; ?>/images/M_images/404warning.jpg" border="0" alt="warning" />
      </div>
      <div class="top2">
         <span class="toptitle"><?php echo _ELX_ERROR; ?> 404</span><br />
         <?php echo _E_PAGE_NOTFOUND; ?><br />
         <span style="font-size: 13px;"<?php echo _GEM_RTL ? ' dir="rtl"' : ''; ?>><?php echo $_SERVER['REQUEST_URI']; ?></span>
      </div>
</div>

Footer:
I found this info and followed them
http://forum.elxis.org/index.php?topic=2081.0

But, I have black text on black background (Elgrey template), as there are many css files that has the info,
in which css file can I find the footer info that I need to change the text color code?
(do I have to change them in all css files?)

Also,  like to change the grey color on the body to white, (the part of the page which you read the content)
How and where do I edit the color code?

Regards
Dennis

[Ivan Trebješanin]

Hi Dennis,

I suggest you to install this: https://addons.mozilla.org/en-US/firefox/addon/60
Then you can see what are the objects on page, and what CSS is related to.

PS
I assume you are using firefox, if not you should definetly start using it.

[Dennis]

Thank you Ivan.

I prefer Opera but use firefox too but, the link you provided do not work for me and I cannot find this module on firefox site!

[Ivan Trebješanin]

What do you mean "not working"? Strange... anyway, addon is called Web Developer, I'm sure you will find it on firefox addons site.

[Dennis]

When I click the link, it just keeps on loading the page and nothing happen!

If you have the name for these addon, I might be able to search for it.

I get loads of addons when I search for "Web Developer"!

[Gashnark]

Hi Dennis,

I suggest you to install this: https://addons.mozilla.org/en-US/firefox/addon/60
Then you can see what are the objects on page, and what CSS is related to.

PS
I assume you are using firefox, if not you should definetly start using it.

The link is working for me.
I suggest Firebug add on to; https://addons.mozilla.org/en-US/firefox/addon/1843
It's very useful for developing & cascadestyling.

[Dennis]

At the moment I'm in Africa and that might explain why I cannot access the addons!
I cannot even check for updates for those I already have! (I still prefer Opera! no such issues!!!)

As the footer and the 404 page is one of the small edit I need to do before I move the site,
are there any other solutions so I can finish this task and move my site?

 

[ks-net]

includes/error404.php 

in head section add or modify the ..

body { overflow: auto; background-color: #FFFFFF; }



and if other classes you need ... go ahead modify there.. at this file's head-section(inside <style>)

there are all there and this error-page does not load any tpl-css file.... i have no idea... how the bg of the elgray-tpl appears there.. totally no idea!

[Dennis]

Thank you

What I want is to add my logo on right on the 404 page, see css code in my first post.
What I need is where to place the code for my logo so it appear on right side.

includes/error404.php 

in head section add or modify the ..

body { overflow: auto; background-color: #FFFFFF; }

[Gashnark]

Hi there!
if you want to change your logo position, and you are not using RTL layout, you can change on your error404.php file the line number 60.

Code:

56- .top1 [
57- width: 25%;
58- margin: 0;
59- padding: 0 20px;
60- float: <?php echo _GEM_RTL ? 'right' : 'left'; ?>;

change it to

Code:

float: right;

[Dennis]

I want to “add” my logo on the right side of the 404 page, not move anything.

As I cannot see how to link to the logo as all I have is the:

float: <?php echo _GEM_RTL ? 'right' : 'left'; ?>;

My question is still, how can I add my logo on right side on the page?