fbpx

Astroid 2.4 Landed with Joomla 4 Compatibility Download Now

Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED)Change Color of Menu Bar

Change Color of Menu Bar 1 year 11 months ago #8704

  • Nickytek
  • Nickytek's Avatar
  • Offline
  • New Member
  • Posts: 1
  • Karma: 0
Hi I'm trying To change the color of your menu bar linke in the screenshot marked. Where can i do that?
Attachments:
The topic has been locked.

Change Color of Menu Bar 1 year 11 months ago #8705

  • priyasingh
  • priyasingh's Avatar
Hello,

In order to change the color of the menu bar, you have to go to the following path and make the respective changes,

Path: \Your Template Namet\templates\tpl_jdfitness\scss\template\theme.scss

At line Number: 1541 add your color as
background: #your color;


Then, you have to delete code of line number 1558, 1559,1560 and 1561
and again add a code
background: #your color;

www.screencast.com/t/4w2MrnqO4

Let us know if you need any further information.

Thanks,
Priya
Last Edit: 1 year 11 months ago by priyasingh. Reason: Added Screenshot
The topic has been locked.

Change Color of Menu Bar 1 year 6 months ago #13055

Hey Priyasingh,

I have tried this and this makes the it a block. (the left pointy bit is missing)
Please with the new update make this a feature.
The topic has been locked.

Change Color of Menu Bar 1 year 6 months ago #13155

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 3760
  • Thank you received: 573
  • Karma: 98
Add the following code in the custom.css file.
Path: templates/TEMPLATENAME/css
If there is no custom.css file then first create it and save the code in it.

.gym-fancy-bg:after, .jd-fitness-nav:after, .gym-fancy-bg:before, .jd-fitness-nav:before {
	background: COLORCODE;
}
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.

Change Color of Menu Bar 1 year 5 months ago #13326

This works perfectly Chandandeep!

Remember there is custom code section in Astroid, no need to make custom file :)
Consider implementing these options in header section of astroid ;)
The topic has been locked.
Moderators: chandandeep
Time to create page: 0.328 seconds