The Joomla! Forum ™



Forum rules


Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.



Post new topic Reply to topic  [ 6 posts ] 
Author Message
PostPosted: Mon Jun 04, 2012 12:12 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Sun Mar 25, 2012 7:25 pm
Posts: 3
Hello!
My name is Omar Mukhtar and I have been given the task of changing the template of my university's website. It is on Joomla 1.5.14 to be specific, which i have very basic knowledge of.
Here are my questions:

1)The first thing they asked me is to change the menu's colour, the colour on the sides of the website and the background colour. To do this do I need to change one of the CSS files, and if so which ones?
if not, how do i do that?

2)The second thing they asked me to do is to move the menu from below a picture to above it. Whenever i moved to a different part of the layout like user2 and top the bare menu is there while the paddings and styles and layouts are left behind. How can i move the entire menu's position, everything included?

3)The last thing they asked of me is to change the picture to a moving slideshow with 7secs in between and to also increase the size of the pictures to take up three fourths of web browser. Where can i do this and which FREE flash is best for this??

Any helpful advice or links will be much appreciated!! ;)

Thanks in advance! ;D ;D


Top
 Profile  
 
PostPosted: Tue Jun 05, 2012 9:17 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Mon May 21, 2012 3:50 am
Posts: 12
To answer your first question: if you are using firefox, install the firebug add on so that it can allow you to view the plain html and css styles in a panel. It will highlight the areas which the block of codes is covering, show you the css values and css stylesheet names. You can even change and experiment with the values within the panel (it wouldn't affect the core files) beforehand so that you can then go ahead to the correct file(s) to make the final changes.

As to your second question, it would be better if you can provide the template name and a screenshot of the site, as different templates can have different positions.

For your last question, you can find many great extensions in the extension directory > Photos & Images category. Each extension offers different settings so you have to take time and experiment with them. If the extensions you happen to like doesn't provide for size change, use firebug again and change the appropriate css file, probably using a percentage (e.g. 75%) as a value, so that it will always take up three quarters of the browser.


Top
 Profile  
 
PostPosted: Tue Jun 26, 2012 3:34 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Wed May 11, 2011 11:16 am
Posts: 3
Hi. Am experiencing similar problems with changing the background colour. I used a module to change the colour, and all it managed to do was put half of my site with a white background, and the rest has original colour.
The site is www.elimpalms.org
Its on Joomla 1.5
Any help would be appreciated


Top
 Profile  
 
PostPosted: Sat Jun 30, 2012 10:53 pm 
Joomla! Intern
Joomla! Intern

Joined: Tue Apr 24, 2012 12:26 pm
Posts: 71
Location: Glasgow, United Kingdom
Just add this to your template's css file:

Code:
body {
background-color: white !important;
}


Or change white to another color if you want.


Top
 Profile  
 
PostPosted: Tue Jul 03, 2012 7:52 am 
Joomla! Fledgling
Joomla! Fledgling

Joined: Wed May 11, 2011 11:16 am
Posts: 3
Thanks Lucas. Managed to get the background colour, but back to the problem that the colour appears on the lower part of the page only. How can I tweet that? ??? This is the site http://www.elimpalms.org


Top
 Profile  
 
PostPosted: Wed Jul 04, 2012 4:16 pm 
Joomla! Intern
Joomla! Intern

Joined: Tue Apr 24, 2012 12:26 pm
Posts: 71
Location: Glasgow, United Kingdom
You need to find this file http://www.elimpalms.org/templates/free ... mplate.css with ftp. Download it. Find the lines below (... means that I skipped some code) and you need to delete lines which I made bold. Save the edited file in same place and rewrite old one. (make a spare copy of original one in your computer). And of course add
Code:
body {background-color: white; }
again.


Code:
...
#art-page-background-simple-gradient {
position: absolute;
[b]background-image: url(/templates/freewebs7/images/page_sg.jpg);
background-repeat: repeat-x;[/b]
top: 0;
width: 100%;
height: 900px;
}
...
#art-page-background-gradient {
position: absolute;
[b]background-image: url(/templates/freewebs7/images/page_g.jpg);
background-repeat: repeat-x;[/b]
top: 0;
width: 100%;
height: 900px;
}
...


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 6 posts ] 



Who is online

Users browsing this forum: No registered users and 9 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group