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.

Does Sticky Navigation background color need to be changed via custom.css file?

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

I am working on the Newstream2 template and wanting to make the Navigation background gets used for the Sticky Navigation as well.
This is what we are using: rgba(252,252,252,0.9)
I have not been able to find a setting for the sticky navigation background and wonder if this is something we have to do in the custom.css file or if there is another better place in the template where we should set this up?
If so what should I use?
The development site is at gmf.cloudaccess.net
The navbar background color changes if you scroll down.
Thank you!
Sean
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi Sean,

Try overriding

.affix .navbar-default {
background-color: #ffffff !important;
}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thank you. I would like to overide it using the same settings I am using for the regular navigation:
rgba(252,252,252,0.9)

Can I create the override using this instead or would that not work: ie:

.affix .navbar-default {
background-color: rgba(252,252,252,0.9) !important;
}
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
just as a note we are still looking at the bug with the navigation and the image
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi

I can see you have this

/*-- Paulus to set background color for stickynav to match nav --*/
.affix .navbar-default {
background-color: #fcfcfc !important;
}

So are you ok now?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks for asking. It is still not behaving exactly as I was hoping. I think the best way to look at it is to look with Chrome.

When I look at it before scrolling the navigation background has a slight transparency. After scolling down that transparancy goes away and the background again becomes white. So, I guess it did not work. :-)

Sean
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
I'd go with rgba instead rather than a just a hex value

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: scarney
That did work perfectly. Thanks again.

I will sure be happy when the issue with the banner image and the navigation is resolved to look the same on all the browsers. As it is it looks decent on all of them but a LOT better in Chrome which is the one I believe is working properly. :-)
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Yes we have an update this we are just wanted on feedback - I'll check with anthony when he's in the office

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

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

Happy Campers