Header nav links can't easily be changed

Everything to do with Joomla! 4.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Post Reply
Joomla! Apprentice
Joomla! Apprentice
Posts: 21
Joined: Mon Sep 19, 2022 1:49 pm

Header nav links can't easily be changed

Post by smokingman8088 » Thu Sep 22, 2022 11:15 pm


I see that in Ambrosia it does not easily allow one to change the style of the menu bar.

The theme is found here: https://demo.rockettheme.com/joomla-templates/ambrosia/

It doesn't have this option in the Gantry 5 styles for the theme.

Other themes allow this function but this one does not

I looked into the inspector and could not intuitively find the CSS code to change to change the colors and styling

Could you kindly point this out to be what I should be targeting here? I already have a good idea and I looked into the code but theres a lot of conditional statements in the CSS! :-)

Please let me know if you could tell me what I need to change in a page setting > custom CSS?

User avatar
Joomla! Master
Joomla! Master
Posts: 12663
Joined: Sun Jul 05, 2009 3:30 am
Location: Canberra, Australia

Re: Header nav links can't easily be changed

Post by sozzled » Fri Sep 23, 2022 12:21 am

I have no knowledge of Rockettheme templates, specifically the Ambrosia one, although I do know a little about Gantry 5. If there is no preset colour scheme/style for Ambrosia, you should be able to create your own custom CSS. Just like other Gantry 5 templates, you would edit a file called custom.scss and compile the CSS.

At the most elementary level, the menu is no different from any other piece of HTML. Let's say, for example, you wanted to change the menu item sub-titles from white to yellow and change the font-family to Courier New. The CSS would be this:

Code: Select all

span.g-menu-item-subtitle {
  color: yellow;
  font-family:  "Courier New";
If you want to know more, talk to Rockettheme. ;)
“If you think I’m wrong then say, ‘I think you’re wrong.’ If you say ‘You’re wrong!’, how do you know?”
Walking the talk: https://j4xdemo.enduring.com.au

Joomla! Virtuoso
Joomla! Virtuoso
Posts: 3552
Joined: Sun Jun 25, 2006 12:12 am
Location: Salisbury, NC/USA (N. of Charlotte)

Re: Header nav links can't easily be changed

Post by herb200mph » Fri Sep 23, 2022 12:50 pm

Question: What did the support desk at Rockettheme tell you about this?

Seeing Ambrosia is one of their templates running on Gantry, they certainly should have [if not already online], responded to a support ticket about that if you raised one.
Author: Joomla! 5: Boots on the Ground, Volume 1 @ Amazon.com
Author: Joomla! 4: BASIC TRAINING - Boots on the Ground @ Amazon.com
Joomla! Magazine - https://magazine.joomla.org/all-issues/ ... c-training

Post Reply

Return to “Templates for Joomla! 4.x”