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.

Can I have the menubar with a certain background colour ALLWAYS?

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

Hi
I have the menubar switch to backgroundcolor white after I start scrolling.
Can I have it with the same background half transparent colour all the time?
If yes, where do I conf it?

Sincerely

Dominicus
  • Dominicus Björkstam's Avatar
  • Dominicus Björkstam
  • 12 Month basic
  • 18 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Dominicus,

#navwrap.fixed {background: rgba(255,255,255,0.9);}

Try adding this line changing the colour value as required by your design

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I should also mention as its rgba the 0.9 value is the opacity value

This value goes from 0 to 1 with 1 being solid colour

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Do you have any custom CSS place to add this or do I add it to the template CSS files?
  • Dominicus Björkstam's Avatar
  • Dominicus Björkstam
  • 12 Month basic
  • 18 posts
  • Karma: 0
The administrator has disabled public write access.
Thanks by the way :-)
  • Dominicus Björkstam's Avatar
  • Dominicus Björkstam
  • 12 Month basic
  • 18 posts
  • Karma: 0
The administrator has disabled public write access.
I put the code in the custom.css file in the CSS folder in the Venture template folder.
I cannot get it to show?
  • Dominicus Björkstam's Avatar
  • Dominicus Björkstam
  • 12 Month basic
  • 18 posts
  • Karma: 0
The administrator has disabled public write access.
The site is ekenassallskapet.fi
  • Dominicus Björkstam's Avatar
  • Dominicus Björkstam
  • 12 Month basic
  • 18 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Dominicus

That is the existing colour value so you would need to add your own

for example

#navwrap.fixed {background: rgba(199,199,0,0.8);}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
It still doesn't work
I want it to be white+transparent all the time
Now it's transparent without any colour until I start scrolling down and it starts showing the white-transparent background colour.

See attached pics
This is now:

withoutwhitebackgrd.png


This is what I want:

withwhitebackgrd.png
  • Dominicus Björkstam's Avatar
  • Dominicus Björkstam
  • 12 Month basic
  • 18 posts
  • Karma: 0
Last Edit: 7 years 11 months ago by Dominicus Björkstam.
The administrator has disabled public write access.
ah ok sorry I misread what you were looking for

#navwrap {background: rgba(255,255,255,0.9);}

try adding that
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
you may want some padding as well so in that case try adding

#navwrap {background: rgba(255,255,255,0.9); padding: 16px 0 0 0}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
YESS, thanks for the reply and solution. It's working now as I wanted :-)
I have a small problem with something interfering with my plugin to up- and download stuff but this isn't related to my template - I think

Thanks for helping
  • Dominicus Björkstam's Avatar
  • Dominicus Björkstam
  • 12 Month basic
  • 18 posts
  • Karma: 0
The administrator has disabled public write access.
No problem sorry about the misunderstanding

good luck with the outstanding issue

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