Background colors in modules

[LenB]

I only have one skin enabled but it seems I have 3 different background colors on the different modules that I have created. I am trying to sort through this. How does one initially establish the color and how does one change it.

[bobster65]

Originally Posted by LenBackus

I only have one skin enabled but it seems I have 3 different background colors on the different modules that I have created. I am trying to sort through this. How does one initially establish the color and how does one change it.

Depends on the Module..

If you create a template module, just add one of the background classes to the initial TD tag .. ie,

<tr><td class="alt1">

YOUR CUSTOM CODE HERE

</td></tr>

alt1 and alt2 are the two most popular backgrounds used within most styles..

If you are getting an odd color with the BBCode module, that is going to have to be manually changed.. I am sure Brian can point you to the template or file that would need modified.. I don't use BBCode modules at all..

[LenB]

Thanks, that worked for the template module.

Most of mine are BB modules so I will hope Brian can help me there.

PLUS...one more mystery. At least one of my BB modules is a different color depending on which page is is displayed. What's up with that?

[Brian]

The CMPS automatically switches between the 'alt1' and 'alt2' classes for modules. If you would like to use a static class, you could edit your 'adv_portal_module_wrapper' template and replace the $bgclass variable with the class you would like to use.

[LenB]

Brian, can you tell me does this mean randomly or what?

automatically switches

[Brian]

It alternates between them. The 1st module will use alt1, the 2nd will use alt2, the 3rd will use alt1, etc.

[LenB]

When you say first module, do you mean the first module to be created? And I assume a module keeps its assigned color then?

Is there a way to change the BB module color?

Thanks.

[Brian]

I mean the first module that is displayed on the page.

If you only want to change the color for certain modules, then your best bet would be to create a new template using the code from the 'adv_portal_module_wrapper' template and change the class and/or anything else in your new template to your liking. Then edit the module and add the name of the template that you just created in the 'Alternative Module Wrapper Template' setting.

[dklassen]

I'd like to make all my modules the same background color (white) can someone give me the exact code and place to change it. I'm a little lost.

Thanks!

[Mobo]

Brian, I've created a new template called "vba_annc_wrapper" with the following code in it...

$mods[formcode]

<div style="padding-bottom:$vba_style[portal_vspace]px">
	<table align="center" border="0" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" class="tborder" width="100%">
		<thead>
			<tr>
				<td class="tcat" colspan="$mods[colspan]">
				<if condition="$vba_style['portal_collapsemods']">
					<a href="#top" onclick="return toggle_collapse('module_$mods[collapse]')" style="float:$stylevar[right]"><img alt="" border="0" id="collapseimg_module_$mods[collapse]" src="$stylevar[imgdir_button]/collapse_tcat$modimgcollapse.jpg" /></a>
				</if>
				<span class="smallfont"><strong>$vba_style[portal_blockbullet] <if condition="$mods['link']"><a href="$mods[link]">$mods[title]</a><else />$mods[title]</if></strong></span></td>
			</tr>
		</thead>
		<tbody id="collapseobj_module_$mods[collapse]" style="$modcollapse">
			<if condition="$show['tablerow']">
				<tr>
					<td bgcolor="#e6bbbb">
						$modulehtml
					</td>
				</tr>
			<else />
				$modulehtml
			</if>
		</tbody>
	</table>
</div>
<if condition="$show['endform']"></form></if>

It is a straight copy of the 'adv_portal_module_wrapper' template with only the change in red made. I then put the name "vba_annc_wrapper" into the Site Announcement module's in the 'Alternative Module Wrapper Template' setting. It is still not changing the color of my background for that module.

I did this to my vBstyle style, which has 3 child styles to it. My CMS page is set to use one of the child styles.

Any thoughts as to why it is not working?

[Mobo]

Actually, looking at this further, I don't think it will do what I want it to do. What I'm trying to do is call attention to the module outlined in red on the attached image. What would be the best way to go about this?

[Brian]

Your original change wouldn't work with the Recent Threads module since that module does not use the table row (see the <if condition="$show['tablerow']"> above your code?)
If you want to change the border, title bar, or something like that for the module then those changes could be made to your new vba_annc_wrapper template. If you want to change the background color or something else within the content there then you'll need to edit your 'adv_portal_recthreads_exp' template and make the changes there.

[Mobo]

Thanks Brian, that got me in the right spot. However, I only wanted to change the Site Announcement section I showed in the image above. Editing the 'adv_portal_recthreads_exp' template also changed the Recent Threads as well.

[Brian]

You would need to wrap an <if condition> around your code changes then to limit it to just the single module.

<if condition="$mods['modid'] == X">Your background color code here</if>

Replace the X in the code above with the modid of your Site Announcements module and that should apply the code to that single module.

[Mobo]

Brian, I was able to use that If statement to effect only the module I wanted. However, my lack of coding knowledge kept me from doing what I wanted. All I want to do is change the background color of any of the columns in that Module to #ffd8d8.

I tried adding this code to my Additional CSS Definitions

.siteann {
background-color: #ffd8d8;
}

And then adding this code to my template

<if condition="$mods['modid'] == 19">< class="siteann"></if>

This only placed the actual text from .siteann into one of the columns of the Module. I trade several other things, but nothing worked. Could you please give me a little more help with this?

Thanks!

[Brian]

Looks like the code for your <if> tag is a bit off. Try something more like this instead:

<td class="<if condition="$mods['modid'] == 19">siteann<else />$bgclass</if>">

[Mobo]

Thanks Brian, that did the trick!