Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

need to change color tint of the footer transparent module

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

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
sticky_footer_options.jpg
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Looking at the site are you using and publishing the module content for stickyleft?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
and stickyright?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
For loadposition

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

I think you may need styling support to change the maincontent area
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
Not sure with it having a space

I'd use loadposition rather than loadmodule
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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."
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
colorchange.jpg
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
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
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
Are you wanting the background colour to be partially transparent?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
yes I would like it to be partially transparent.
thanks. E
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
Last Edit: 2 years 7 months ago by manh.
The administrator has disabled public write access.
For the colour

#footerwrap .section-inner {
background: rgba(15, 86, 132, .8);
}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The .8 is the alpha value

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers