forum.ahadesign.eu

[hassansr]

I am trying to change the background color in the main content area in the aha success template. I have been able to change background for all other sections, but cant seem to get this part done. so in the attached image, I am trying to change the color in the "Welcome to the Frontpage" section from blue/green to white. How can his be done?

[Gerhard]

This template uses background-images for this section. These images are sliced for dynamic width and heigth. You will find the definitions in the file template.css. It is beginning on line 598 and goes until line 615.
The easiest way to change the color is to modify the following graphics in the folder images:

ltop.png, rtop.png, lbottom.png, rbottom.png

I hope that will help you.

[hassansr]

Thanks

One more question, how do you adjust the left and right padding in the modules? if you look at the "Location" module in the previously referred image, you'll see that the text is right up against the left side of the block. How to adjust it to the right?

Also when I add images they bleed over to the right in I.E. 8. in safari and FF for MAC the images stay within the borders of the module.

[Gerhard]

You can change text-align to right. It´s line 874 - 879 in template.css:

Code: Alles auswählen

div.module, .module_menu, .module_text {
text-align : left;
background : url(../images/letop.png) 0 0 no-repeat;
padding : 0;
margin : 5px 2px;
}

Module-padding is defined in line 891, its the following code block:

Code: Alles auswählen

div.module div div div, div.module_text div div div, div.module_menu div div div {
background : url(../images/ribot.png) 100% 100% no-repeat;
overflow:hidden;
padding : 4px 2px;
width:auto;
}

For left right padding change the second value for padding. For example to 4px 8px.

If you have changed the padding for modules, you have to change the padding for h3 too. You will find this in the code block in line 848 - 860 like this:

Code: Alles auswählen

div.module h3, div.moduletable h3, div.module_text h3, div.module_menu h3 {
font-family : Helvetica, Arial, sans-serif;
font-size : 1.2em;
font-weight : bold;
color : #A8FFFF;
background:   url(../images/modul_head.png);
height:32px;
line-height : 32px;
text-align : center;
margin:0 3px;
padding-bottom:2px;
overflow:hidden;
}

For example change margin to 0 -3px.

If you won´t these changes for your menu, an additional code only for the class "module_menu" and the old code is needed. In the new Code delete "module_menu".

Please excuse me for my horrable english, i hope you can understand what I mean.