Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

Help with Joomla


  • Please log in to reply

#1
datarunner

datarunner

    Member

  • Member
  • PipPipPip
  • 440 posts
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
  • 0

Advertisements


#2
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
That black banner is at http://www.lcchurch....e_header_bg.png. Look for:
div#page-header {
	height: 30px;
	background: url(../images/page_header_bg.png) 50% 0 repeat-x;
}
on this CSS File.

Remove the whole thing.
  • 0

#3
datarunner

datarunner

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 440 posts

That black banner is at http://www.lcchurch....e_header_bg.png. Look for:

div#page-header {
	height: 30px;
	background: url(../images/page_header_bg.png) 50% 0 repeat-x;
}
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
  • 0

#4
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
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;".

Edited by Major Payne, 18 June 2009 - 05:26 PM.

  • 0

#5
datarunner

datarunner

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 440 posts

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;".


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
  • 0

#6
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
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.
  • 0

#7
datarunner

datarunner

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 440 posts

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
  • 0

#8
datarunner

datarunner

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 440 posts
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
  • 0

#9
datarunner

datarunner

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 440 posts
Hi There

Got it - Thanks

Now I just need the Surface logo removed

Regards
  • 0

#10
datarunner

datarunner

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 440 posts

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
  • 0

Advertisements


#11
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
You're very welcome. You did the hard stuff. :)
  • 0

#12
datarunner

datarunner

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 440 posts

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

Edited by datarunner, 19 June 2009 - 05:43 AM.

  • 0

#13
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
Are you talking about this image? That's a 1,000px × 600px image.
  • 0

#14
datarunner

datarunner

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 440 posts

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
  • 0

#15
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
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.
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP