Change the formatting of the Laravel Voyager menu names.

pierredupaul0

November 9, 09:33 PM

Hello everyone ! I need help and I would like you to help me. I noticed that Laravel Voyager puts the names of the dashboard menus with a capital letter for each word in the name of the menu. I would like to change that by putting only the first word with an uppercase letter. Thank you for helping me.photo2.jpg

Select One:
bobbyiliev

November 10, 10:10 AM

Hi there,

As far as I can see this is done with the following CSS:

.navbar .navbar-nav>li>a {
    text-transform: uppercase;
}

You can take a look at the Voyager documentation on how to add custom CSS and override the CSS properties for the nav bar items here:

https://voyager-docs.devdojo.com/customization/additional-css-js

And then override the CSS to something like this:

.navbar .navbar-nav>li>a {
    text-transform: inherit;
}
1
Select One:
pierredupaul0

November 10, 10:40 AM

Hello ! It works ! Thank you so much.

Select One:
bobbyiliev

November 10, 12:13 PM

Hey,

No problem at all! Happy to hear that it’s all working!

1
Select One:
Write
Preview
Help

Markdown Basics

DevDojo uses Markdown syntax for writing posts, commments, and other content throughout the site. Below you will find some commonly used markdown syntax. For a deeper dive in Markdown check out this Cheat Sheet


Bold & Italic

Italics *asterisks*

Bold **double asterisks**


Code

Inline Code `backtick`

Code Block

```
Three back ticks and then enter your code blocks here.
```

Headers

# This is Heading 1
## This is Heading 2
### This is Heading 3
#### This is Heading 4
##### This is Heading 5

Here is an example of how each heading will looks

Heading 1

Heading 2

Heading 3

Heading 4
Heading 5

Quotes

> type a greater than sign and start typing your quote.

Links

You can add links by typing the alt text inside of [] and the link inside of (), like so:

[links](https://devdojo.com)

Images

You can add images by selecting the image icon, which will upload and add an image to the editor, or you can manually add the image by adding an exclamation !, followed by the alt text inside of [], and the link inside of (), like so:

![alt text for image](https://cdn.devdojo.com/images/image.png)

Embedding Codepens

You can also embed a codepen pen by writing the following:

{% codepen https://codepen.io/your/pen/url %}

You may also choose the default tabs you wish to show your pen by writing the default-tab like so: (default is result)

{% codepen https://codepen.io/your/pen/url default-tab=result,html %}

That's about it. It's time to start crafting your story.

Please login, or signup to write a response.

© 2020 DevDojo LLC. All rights reserved.