PLATFORM
  • Tails

    Create websites with TailwindCSS

  • Blocks

    Design blocks for your website

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

Question By
Unsolved

Change the formatting of the Laravel Voyager menu names.

pierredupaul0

Nov 9th, 2020 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

bobbyiliev

Nov 10th, 2020 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;
}
Report
1
pierredupaul0

Nov 10th, 2020 10:40 AM

Hello ! It works ! Thank you so much.

bobbyiliev

Nov 10th, 2020 12:13 PM

Hey,

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

Report
1