File APIs for Java Developers
Manipulate DOC, XLS, PPT, PDF and many others from your application.
The moose likes HTML, CSS and JavaScript and the fly likes Need help editing some css if possible (SOLVED) Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Need help editing some css if possible (SOLVED)" Watch "Need help editing some css if possible (SOLVED)" New topic

Need help editing some css if possible (SOLVED)

Matt Kohanek
Village Idiot
Ranch Hand

Joined: Apr 04, 2009
Posts: 484

I am using joomla to create a website for school. From what I have been able to find from the joomla forums, the only way to get rid of the joomla logo along the top of the page is to edit the css file. I have been doing that, and I got my own logo in there, but it is a different size, so it threw off some of the background. I had to increase the height of part of the header in order to allow the entire image to be shown as well as not have the image cover the navigation menu. And I have been playing around with trial and error trying to get the site looking nice, but I cannot get it to happen.

The site is

If you go there, you can probably immediately tell what I mean. The grey-ish top part with the white border needs to be extended down by about 50 pixels so it matches up with the other white border. If you look at the site it is easy to tell what I mean.

Here is the css, at least what i believe to be the relevant part. If you can tell what i need to change please let me know, or if I need to post the rest of the css please say so. But it is quite long, which is why I only posted the beginning here:

edit - looking at the page source, maybe I am just editing the wrong css file. I just don't know enough about css to know for sure.

True wisdom is in knowing you know nothing - Socrates
Jeanne Boyarsky
author & internet detective

Joined: May 26, 2003
Posts: 33106

Have you tried changing the number of pixels in div#logo and div#tabarea_r yet?

[OCA 8 book] [Blog] [JavaRanch FAQ] [How To Ask Questions The Smart Way] [Book Promos]
Other Certs: SCEA Part 1, Part 2 & 3, Core Spring 3, TOGAF part 1 and part 2
Matt Kohanek
Village Idiot
Ranch Hand

Joined: Apr 04, 2009
Posts: 484

I changed the pixels in div_logo in order to make room for my image in the first place, that is what threw everything off in the first place. I guess I should have mentioned that.

It is definitely not any of the css I posted above there, I put height:800px; in each item there and further below and it did not affect the area I needed it to. I am not ure what else to try now. Maybe I should just find a new default template that will accommodate a larger image

edit - here is the rest of the css file I did not try to alter, it stopped being worth trying after going through that much of it

edit 2 - well I commented out three elements in a different css file (header, header_l, and header_r) and that got rid of the top image, leaving only that bottom grey line. Looks better, at least looks somewhat intentional now. For a class project I can live with it

I agree. Here's the link:
subject: Need help editing some css if possible (SOLVED)
jQuery in Action, 3rd edition