• 0

Transparent fixed NavBar in Pagelines DMS2


Question

Posted · Report post

I'ld like to become a fixed NavBar not to be solid but transparent. What's the trick?

Share this post


Link to post
Share on other sites

14 answers to this question

  • 0

Posted · Report post

please try 

.pl-fixed-top {
  
  opacity:0.5;
}
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You can make changes to the style of your site using Custom CSS code. 

 

Details of how to customise your site can be found here http://docs.pagelines.com/customize/how-to-customize

 

If you have any problems with this please let us know and details of what you have tried and we can help with your code. 

 

This will also help http://www.w3schools.com/css/css_image_transparency.asp

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I've tried to change the NavBar to transparent. Working on this for several hours now, I found out how to change my logo and menu font to transparent…

 

But, I haven't been able to get the color of the white menu bar to transparent nor I found any way how to style the menu font. Please, help me.

 

In the forum there's a snippet:

 

#site .navbar.pl-color-red {

#gradient .vertical(#000,#333);

}

 

What's the correct place to paste this snippet?

  • Custom CSS/LESS field
  • Custom Styling Classes field
  • Inline CSS Styling field

I'm confused, sorry. Any hint for an elegant solution? This is the site I'm still working on [http://www.baysina.de]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I've read this several times today – and I've searched for any hints in this forum. I've no clue on how to get this up and running…

 

It would really help me if anyone could dip my nose into the right direction.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

How far have you got with adding the code? What methods have you tried? 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I've tried these methods:

 

Defining a styling in LESS/CSS:

 

.navbar-trans{
  background-color:#000000;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
}
 
Then inserting "navbar-trans" into Custom Styling Classes of Navi
 
 
This doesn't work. Also, I've tried several methods from tipps and snippets in the forum, but couldn't get the NavBar transparent. When scrolling up, I want to see the images behind the NavBar.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

CSS classes - read more about these here http://www.w3schools.com/css/css_id_class.asp

 

Add you custom CSS code to the custom CSS area in your Visual Editor, 

 

The following text taken from http://docs.pagelines.com/customize/dms-customize-options

 

Adding Customization CSS

Adding CSS/LESS to PageLines DMS via the Custom Code Options, is fast and simple. All you need to do is navigate to **DMS Toolbar → Custom Code and select the Custom LESS/CSS tab, which will present you with the LESS/CSS Editor.

From here, simply add either custom CSS or LESS CSS and click publish, alternatively you can use the keyboard shortcuts [Cmd⌘+Return] or [Ctrl+Return] to Preview Live.

custom-cssless-editor.jpg

 

 

 

 

There are a growing number of online courses teaching web programming in the comfort of your browser. We highly recommend signing up and take advantage of these services which offer training, video lessons, coding challenges, and screencasts.

 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I was trying to manipulate the class_"pl-area-pad fix" but failed.

 

Capitulation…

 

I just wanna find someone to get paid for solving this issue for me. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I'ld like to become a fixed NavBar not to be solid but transparent. What's the trick?

 

sorry im confused - you're original questions was regarding the nav styling. 

 

If you want to find someone to hire to work on your site please let our desk know on hello at PageLines dot com and they will be able to provide a list of developers taking on work. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

could i have a link to your site please?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Here is the site I'm working on http://baysina.de/

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You've saved my day :-)

 

Such a simple solution to get this pretty! THANKS A LOT!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

no problem 

 

glad it worked. 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now