Try our conversational search powered by Generative AI!

Can i reposition the Quicknavigator?

Vote:
 

The quicknavigator is kind of in the way when it is displayed at the far right of the application.

Can I change its CSS somehow? I would like it to center it at the top of the page instead.

#78845
Dec 04, 2013 11:26
Vote:
 

The CSS file that sets the quicknavigator position is located at 

yoursite\appdata\Modules\CMS\Util\styles\quicknavigator.css

or just override #epi-quickNavigator with your own styles.

#78856
Edited, Dec 04, 2013 12:50
Vote:
 

I can't override the CSS that I want to change (unless I want to do it in a ugly hacky way), since quicknavigator.css is injected as the last css file.

For some reason there is no "Util" directory under AppData/Modules/CMS.

I tried searching for it earlier but Windows couldn't find quicknavigator.css in any AppData directory.

#78869
Dec 04, 2013 14:04
Vote:
 

My bad, I forgot to ask which EPiServer version. My answer is valid for 7.5. The advantage of the new appdata approach is that changes to the "core" files will only affect that particular site, not all sites on your machine/server.

 

For earlier 7.x versions, you'll find the file under Program Files, e.g. 

C:\Program Files (x86)\EPiServer\CMS\7.0.586.1\Application\Util\styles\quicknavigator.css

Note that changes to this file will affect all sites on your machine/server using that EPiServer version.

#78872
Dec 04, 2013 14:10
Vote:
 

The QuickNav is in the way; I'd like to move it a little... :)

Now that the UI comes as a NuGet package, it wouldn't be a good idea to change the quicknavigator.css file in the package, as this will be overwritten the next time I (or another developer) updates the packages.

Is there any good way to override the styles set in the package?

#85467
Apr 25, 2014 16:33
Vote:
 

Why not just have your own .css files, the questions is if you want to go all the way to put it in your own module.

We've got a functionality on a site where it's a little outside the viewport untill your hover it using the css selector body #epi-quickNavigator

#85468
Apr 25, 2014 17:28
This thread is locked and should be used for reference only. Please use the Episerver CMS 7 and earlier versions forum to open new discussions.
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.