HELLO,

I have ended up putting content in the footer position in the corporation template because I like the see-through effect to the body background image. (I have not found a way to place module content in the main content are as that position is not available in the module position choices)

See this page:


oasiswebdevelopment.com/Hudson/index.php/our-services

however, I would like to change the color to more aptly match the bk color in the top band.

I tried to change the color in the Sticky Footer color in the Template styles (see attachment)

but the color does not change.. Please let me know how I can change this color.

Thank you and happy new year.

Elizabeth

Hi Elizabeth,

Maincontent is the component / content area so acts differently than a module

You can however load modules into the content area using the loadposition syntax

but if it works ok here then cool

At the moment

.secondary-row .section-inner {
background: rgba(43,119,173,0.9);
}

.zen-bg-image {
background: #f1f1f1 url(../../../images/ocean_bkgd.jpg) center fixed; }

Are the styles applying at the moment

Looking at the site are you using and publishing the module content for stickyleft?

and stickyright?

Cheers
Paul

Hey Paulus,

I am not using sticky left or sticky right positions.

Is this the footer position?
.secondary-row .section-inner {
background: rgba(43,119,173,0.9);
}

is the hexadecimal value for rgba(43,119,173,0.9)
#0f5684 (that is what I want the semitransparent color of the background of the footer to be)

Plus I would love to know how to implement loading modules into the content area using the loadposition syntax. that knowledge would solve a ton of problems for me.

Thanks again,
Elizabeth

Hi Elizabeth,

The setting you refer in the initial post refers to the position sticky left

The hex value for the rgb comes out at #2b77ad

The footer value has 0.9 which is the alpha value - this goes from 0 to 1

For loadposition

www.ostraining.com/blog/joomla/loadposition-loadmodule/

I think you may need styling support to change the maincontent area

With regard to "however, I would like to change the color to more aptly match the bk color in the top band."

What area of the site are you referring to?

Cheers
Paul

OK I tried out this tutorial but it did not work. I typed into the article the following:

{loadmodule OUR SERVICES}

but the OUR SERVICES module did not show up.

oasiswebdevelopment.com/Hudson/index.php/our-services/test-services

It is assigned to the footer. The color that I want to change is the color on the above page that is the background for the footer as seen on the page above (that background also shows up in the bottom positions.

Thanks for your continued help.

Happy New Year.
Elizabeth

Not sure with it having a space

I'd use loadposition rather than loadmodule

Very sorry but I don't understand this bit

"It is assigned to the footer. The color that I want to change is the color on the above page that is the background for the footer as seen on the page above (that background also shows up in the bottom positions."

Dear Paulus,

{loadposition OUR SERVICES} DID NOT WORK
{loadposition OURSERVICES} DID NOT WORK
{loadmodule OUR SERVICES} DID NOT WORK
{loadmodule OURSERVICES} DID NOT WORK

nothing shows up in the main content area see:
oasiswebdevelopment.com/Hudson/index.php/our-services/test-services

see attached image footer and all bottom positions background. I would like to change the bright turquoise color.

Thanks so much,
Elizabeth

just figured out the loadposition... it is now working but still need advice on the tint color in the footer re: how to change it in the template settings. Thank you. Elizabeth

Are you wanting the background colour to be partially transparent?

yes I would like it to be partially transparent.
thanks. E

Right that is doable

The only thing I'd say is if the screen is taller than the content

e.g. the footer has a different colour but the background will show below it

For the colour

#footerwrap .section-inner {
background: rgba(15, 86, 132, .8);
}

The .8 is the alpha value

Cheers
Paul

That is so cool! thank you. In other words, if I wanted to make the main content area (which is now just white), transparent it would be something like this:

#mainWrap .article-content {
background: rgba(255, 255, 255, .8);
}

? Happy New Year!

Elizabeth