fbpx

Biggest Sale of the Year - Save 60% Now!!

Days
Hrs
Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED)Header Menu Section Color Change

Header Menu Section Color Change 1 year 7 months ago #13492

  • Web4star
  • Web4star's Avatar
  • Offline
  • Premium Member
  • Posts: 129
  • Thank you received: 1
  • Karma: 1
Hello,
I want to change the colour of the Jd Stylo menu header section only and maintain white on the logo section like the image bellow
Thanks.
Attachments:
The topic has been locked.

Header Menu Section Color Change 1 year 7 months ago #13495

  • Mukeshraj
  • Mukeshraj's Avatar
  • Offline
  • Moderator
  • Posts: 183
  • Thank you received: 41
  • Karma: 7
Hello,

1> Please Flowing the Video step.
www.screencast.com/t/uEq8WY4oM
2> Please for the following steps:
www.screencast.com/t/pcG5XnaYm1
www.screencast.com/t/3B0hv57xCQHT
create new custom.css, custom.css, paste it in using the given code:

.astroid-header-section {
    background-color: inherit;
}

Thanks,
Mukesh
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
Last Edit: 1 year 7 months ago by Mukeshraj.
The topic has been locked.

Header Menu Section Color Change 1 year 7 months ago #13507

  • Web4star
  • Web4star's Avatar
  • Offline
  • Premium Member
  • Posts: 129
  • Thank you received: 1
  • Karma: 1
Yes I understand but I want only the menu background color while the logo background remains white.
But when I effect the color change from the template color setting, both the logo and menu still have the same color.
Any help to achieve only the menu background color?
Thanks.
Attachments:
The topic has been locked.

Header Menu Section Color Change 1 year 7 months ago #13509

  • Mukeshraj
  • Mukeshraj's Avatar
  • Offline
  • Moderator
  • Posts: 183
  • Thank you received: 41
  • Karma: 7
Hello,

Please for the following steps:
1 Go to templates\jd_stylo\css
2 create new custom.css
3 custom.css, paste it in the using the given code

#astroid-header [data-megamenu-content-class=".megamenu-container"]{
	background:  your color;
}

Thanks,
Mukesh
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

Header Menu Section Color Change 1 year 7 months ago #13524

  • Web4star
  • Web4star's Avatar
  • Offline
  • Premium Member
  • Posts: 129
  • Thank you received: 1
  • Karma: 1
Thanks , it worked
The topic has been locked.

Header Menu Section Color Change 1 year 7 months ago #13618

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 700
  • Thank you received: 96
  • Karma: 24
:) Wonderful! your issue is now solved.
Case closed then.

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at JoomDev and let the world know about it.
The topic has been locked.
Moderators: chandandeep
Time to create page: 0.382 seconds