Recent
Categories
View Replies (4)

change the color of the active menu item without changing the color of bar next to a title

  1. Issue
0
Votes
Undo
  1. info@schoenheitswerk-sarina.ch
    info@schoenheitswerk-sarina.ch
  3. Commercial Templates
  4. Sunday, 16 January 2022
  5.  Subscribe via email
Hi together

I work with the Ensley-Template and I want to change the color of the active menu item without changing the color of bar next to a title. In the attached image, I marked the active menu item, which I want to change, with "1.". And I marked the bar next to the title, which shouldn't change it color with "2."

I'm able to change the color of the bar and the active menu item together with the parameter "first color" in the template configurations in the back-end.

Is there a way to do it? Maybe with a custom css?

Thanks for your support

Best regards
Basil
Attachments (1)
Change_Color_Ensley.JPG Change_Color_Ensley.JPG
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Basil

Sure. To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.module .module_header::after, .module_menu .module_header::after {

    background: #ae0000;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
info@schoenheitswerk-sarina.ch
info@schoenheitswerk-sarina.ch
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

Unfortunately, your Custom CSS code doesn't change anything on my homepage. The color of the active title in the main menu is still the same as before.

Do you have an other idea?

Regards,
Basil
Attachments (1)
Problem_Color_Title.JPG Problem_Color_Title.JPG
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

My apologies as I miss read your question. The above CSS affects the module header bar. To amend the active menu items you can use the following instead..

Edit to taste

.hornav > ul > li.active > a {

    color: #c40000;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
info@schoenheitswerk-sarina.ch
info@schoenheitswerk-sarina.ch
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

Thanks a lot for your help. Now, It looks great! :D

Regards,
Basil
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!