Hi All

I'm helping out our local church set up a website via Joomla CMS

However I only have a basic understanding of Joomla

If you have a look at their site: http://www.lcchurch.co.uk/

You will see they have a Yootheme template

What I need to do is remove the black banner along the top and the Surface logo

Any ideas on how to do this?

Info very appreciated

Regards

That black banner is at http://www.lcchurch.co.uk/templates/yoo_su...e_header_bg.png. Look for: on this CSS File.

Remove the whole thing.

Hi There

Thanks very much for that but which part of the CSS do I go to?

Regards

The CSS file link is to the CSS you have to edit. You just scroll down until you find "div#page-header" or do a Ctrl + F and type it in and let it search file for you. Highlight from "div#page-header" to the last brace "}" after "repeat-x;".

This post has been edited by Major Payne: Jun 18 2009, 05:26 PM

Hi There

Many thanks again for replying. Do I edit the CSS on the link above or via the admin panel?

Sorry for the noob questions

Regards

What ever gets you to bring up the CSS file for editing. I never used the Admin Panel. If it has a File manager and shows you all the files for you site, then you should be able to select any file for editing.

Hi There

When I open template.css.php I get a totally different output from the link above. Am I opening the wrong file?

Regards

OK let me explain a bit better

when i download template.css.php

it contains the following:

<?php

if (extension_loaded('zlib') && !ini_get('zlib.output_compression')) @ob_start('ob_gzhandler');
header('Content-type: text/css; charset: UTF-8');
header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 3600) . ' GMT');

define('DS', DIRECTORY_SEPARATOR);
define('PATH_ROOT', dirname(__FILE__) . DS);

/* layout styling */
include(PATH_ROOT . 'layout.css');

if (isset($_GET['widthThinPx'])) echo 'body.width-thin div.wrapper { width: ' . $_GET['widthThinPx'] . 'px; }';
if (isset($_GET['widthWidePx'])) echo 'body.width-wide div.wrapper { width: ' . $_GET['widthWidePx'] . 'px; }';
if (isset($_GET['widthFluidPx'])) echo 'body.width-fluid div.wrapper { width: ' . intval($_GET['widthFluidPx'] * 100) . '%; }';

if (isset($_GET['styleswitcherFont']) && isset($_GET['styleswitcherWidth'])) {
if ($_GET['styleswitcherFont'] && $_GET['styleswitcherWidth']) {
echo 'div#styleswitcher { width: 90px; }';
} else {
echo 'div#styleswitcher { width: 45px; }';
}
}

/* general tag styling */
include(PATH_ROOT . 'general.css');

/* menu styling */
include(PATH_ROOT . 'menu.css');

/* module styling */
include(PATH_ROOT . 'module.css');

/* joomla core styling */
include(PATH_ROOT . 'joomla.css');

/* third party extensions styling */
include(PATH_ROOT . 'extensions.css');

/* color styling */
if (isset($_GET['color']) && $_GET['color'] != '' && $_GET['color'] != 'default') {
$suffixes = array('-layout');
foreach ($suffixes as $suffix) {
$css_file = PATH_ROOT . $_GET['color'] . DS . $_GET['color'] . $suffix . '.css';
if (is_readable($css_file)) {
include($css_file);
}
}
}

/* ie browser */
if (array_key_exists('HTTP_USER_AGENT', $_SERVER)) {
$is_ie7 = strpos(strtolower($_SERVER['HTTP_USER_AGENT']), 'msie 7') !== false;
$is_ie6 = strpos(strtolower($_SERVER['HTTP_USER_AGENT']), 'msie 6') !== false;
if ($is_ie7 || $is_ie6) include(PATH_ROOT . 'iehacks.css');
if ($is_ie7) include(PATH_ROOT . 'ie7hacks.css');
else if ($is_ie6) include(PATH_ROOT . 'ie6hacks.css');
}

?>

However I can open your CSS link in Firefox and click save as, which then prompts me to save this as template.css.php

But wont that overite the original one?

Regards

Hi There

Got it - Thanks

Now I just need the Surface logo removed

Regards

Hi There

Solved

Thanks very much for your time on this Major Payne - Top Man

Regards

You're very welcome. You did the hard stuff.

Hi Buddy

Sorry to bother you again but if you look at the site again: http://lcchurch.co.uk

The top banner is not in proportion with the template. Now Ive tried to resize it but nothing seems to help.

Ideally I'd like the top banner to sit squarely (or rectangularly) on top of the grey box that contains the menu / content etc

Any ideas?

Regards

This post has been edited by datarunner: Jun 19 2009, 05:43 AM

Are you talking about this image? That's a 1,000px × 600px image.

Hi There

Yes buddy thats right. Strange as I've uploaded it in different sizes but doesn't seem to change.

Any way I can have it level and inline with the rest of it?

Your help is greatly appreciated

Regards

I am just not seeing what you are looking at in either Firefox or IE. Possibly I don't understand the problem. The image mentioned is centered on the page. There is some slight differences in opacity between the browsers, but you may not have coded for both browsers.

Been up all night working on pages so may not get back to you until later tonight.