Dizkus

There is nothing to change, you need to add it (IIRC).

Don't take this the wrong way, but with the amount of times you spend asking how to change things, you could learn the basic HTML / CSS. These are not tough languages to learn the basics.

You can even add the styles directly to you HTML pages, if it will help you learn. Separate them later, as you advance.

--
David Pahl
Zikula Support Team

Trust me, I see it as constructive criticism. I try to research things when I have alot of spare time. Is there any good places you would recommend that I go to, to learn HTML / CSS. I know alittle but obviously not as much as I should to be able to change font color and style. I know this is going to sound completly stupid, but what is (IIRC)



edited by: Bruggeman, May 20, 2007 - 12:53 AM

I'm a fan of CSS: The Missing Manual by David Sawyer McFarland, from O'Reilly Press.

Peter

edit: If I Recall Correctly



edited by: pheski, May 19, 2007 - 08:44 PM

--
Peace
______________________________________
The commonest cause of problems is solutions.

Thank you all for the help. I have the book and am working through it. I have figured out how to change the background color on the main page of the site as you can see here.

www.thesithorder.net

But I do have a few questions. As you can see I have been researching, reading and trying it myself for some time. But here are the things I cant figure out.

Some areas of the site, the background is not black like the rest, such as the forum, sections, members list, etc. Where do I add the background colors there? Is it all in the main CSS file in templates?

And I cant seem to find where to change the color of the footer or bottom menu?

Other than that I am figuring this stuff out and loving it. Any help and advice would be greatly appreciated.

I recommed you to use FireBug (a Firefox Extension: www.getfirebug.com) and 'Inspect' your layout to see the styles that you have to modify.

FireBug tells you what CSS is affecting the zone, and you can apply modifications in runtime and then go to the respective CSS files and modify them.

--
- Mateo T. -
Mis principios... son mis fines

Yes, I have gotten firebug, but it is alittle confusing.



edited by: Bruggeman, Sep 01, 2007 - 11:32 PM

Just look at the source code for what you are wanting to change
In about 3 seconds I saw the footer div name
So open style.css and change the values for

#footer{
font-size: 10px;
color: #666;
background-color: #F3F3F3;
text-align: center;
margin: 0px;
padding: 15px;
clear: both;
}

That should get you started with changing the other points too. :)


--
Zikula Themes

Here is an example of where I am getting stuck.

I want to change the bottom menu. When I open Firebug and click CSS, I see

#bottomMenu {
background-color:#E4B69A;
border-width:1px 0px;
clear:both;
font-size:10px;
padding:3px 0pt;
text-align:center;

Now, when I find that in the CSS style sheet, I see

#bottomMenu {
font-size: 10px;
text-align: center;
background-color: #E4B69A;
border: 1px solid #E4B69A;
border-width: 1px 0px;
height: 15px
margin: 0px;
padding: 3px 0;
clear: both;

And when I change the color attributes, nothing happens?

Firebug doesn't save the changes to the site AFAIK.
You will have to edit the style.css and upload it to the site.
Then make sure it isn't in cache as well.


--
Zikula Themes

Ahh, it also seems someone hardcoded the background color to that div
If you look at the source



See that?
You will need to edit the theme template to remove that style


--
Zikula Themes

You will have to edit the style.css and upload it to the site.
Then make sure it isn't in cache as well.



That is what I am saying, I am editing it in the style.css, but it still is not changing.

Also, what I am seeing in firebug, is not the same thing as what I see when I open style.css, Like my post above. Those are not the same, the style.css code is different than what firebug shows.

I am not really what you mean by "in Cache" or how to ensure that it isnt in cache as well.

I also do see:

div id = bottomMenu style = background-color : rgb(223, 229, 255)

But have not found it in the theme template.

The only thing close to that in which I have found is:

div id="bottomMenu" >

edited by: Bruggeman, Sep 02, 2007 - 07:42 PM

For some reason it wont let me edit the post. Here is what my post should have said.

You will have to edit the style.css and upload it to the site.
Then make sure it isn't in cache as well.



That is what I am saying, I am editing it in the style.css, but it still is not changing.

Also, what I am seeing in firebug, is not the same thing as what I see when I open style.css, Like my post above. Those are not the same, the style.css code is different than what firebug shows.

I am not really what you mean by "in Cache" or how to ensure that it isnt in cache as well.

I also do see:

div id = bottomMenu style = background-color : rgb(223, 229, 255)

But have not found it in the theme template.

The only thing close to that in which I have found is:

div id="bottomMenu" >

edited by: Bruggeman, Sep 02, 2007 - 07:49 PM

I think I messed up by posting the code I saw. So let me post a screenie.

This is the closest thing I see in the theme templates to what you posted.



Do I just change it to:

background-color: black;

or do I insert the actuall 000000 instead of black.

You can either insert the #000000 or just remove the style= part.


--
Zikula Themes

1. Did you remove the templates in pnRender?
2. You could opt for recompile templates in the pnRender module ánd in Xanthia options.
3. Did you recompile your template in Xanthia? home.htm and master.htm? [if saved in database]

but what is up with those lines after your div code?


normally the style shoule override the ID style in your CSS... but one is never sure...

- Igor

--
Have a nice day

zikulapro.be is currently running
Zikula 1.0.2