Change the hover backgrounds of the main menu

Posted in: Newsmag
Post count: 17
gabriel79
#225141
Mar 26, 2018 at 2:43 am

Hello,

Please how can I change the hover backgrounds of the main menu and main sub-menu?

Thanks so much!
Gabriel

Post count: 22421
Bogdan B.
#225221
Mar 26, 2018 at 10:39 am

Hello Gabriel,

The hover color is affected by the theme accent color and can be changed from here: https://www.screencast.com/t/QTmnLF7o

Thank you!

Post count: 17
gabriel79
#225343
Mar 26, 2018 at 4:01 pm

Hello Bogdan,

This changes only the hover color of the text.

Instead I need to change the background hover color of the main menu and submenu. Please how can I do?

Thanks so much!
Gabriel

  • This reply was modified 8 years by gabriel79.
Post count: 20688
Simion C.
#225582
Mar 27, 2018 at 4:08 pm

Hi,

A background hover color setting does not exist, this would have to be made with custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
If you require help, provide a link to your website and details about what you want to do, we will try to give you a solution.

Thanks

Post count: 17
gabriel79
#226255
Mar 30, 2018 at 11:51 pm

Hi Simion,

This is my site: http://cambiovita360.it/

I have customized the main menu by editing the following 3 CSS classes:


.sf-menu > li > a { /* I reduce the padding in the menu to avoid problems with the stickcy logo */
padding: 0 10px 0 10px;
}
.td-header-wrap .td-affix .td-main-menu-logo img { /* I reduce the padding in the sticky logo */
margin: 0 6px 0 10px;
}
.sf-menu ul .td-menu-item > a:hover { /* GB Hover in the sub menu */
background-color: #eeeeee;
}

Please I did the right thing?

Thanks so much!
Gabriel

Post count: 17
gabriel79
#226365
Apr 2, 2018 at 4:16 am

Errata corrige:

I added @media (min-width: 768px) { to the CSS

.sf-menu > li > a { /* I reduce the padding in the menu to avoid problems with the stickcy logo */
padding: 0 10px 0 10px;
}
@media (min-width: 768px) {
.td-header-wrap .td-affix .td-main-menu-logo img { /* I reduce the padding in the sticky logo */
margin: 0 6px 0 10px;
}
}
.sf-menu ul .td-menu-item > a:hover { /* GB Hover in the sub menu */
background-color: #eeeeee;
}

Please I did the right thing?

Thanks so much!
Gabriel

Post count: 23312
Catalin
#226410
Apr 2, 2018 at 9:48 am

Hello gabriel79,

Unfortunately, please notice that what you want to achieve involves doing such custom work and the theme does not have any such an option in the theme panel for these changes, sorry! All of these customizations should have to be done through the code and if you are not aware of the steps which are needed to take in this case, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry! Usually, we recommend the developers from studio.envato.com.

Thanks for your understanding!

Post count: 17
gabriel79
#227187
Apr 5, 2018 at 5:50 pm

Hello Catalin.

I had not asked to customize the theme. I have already customized and I asked you if the changes I made were correct.

Thanks so much!
Gabriel

Post count: 23312
Catalin
#227545
Apr 10, 2018 at 8:37 am

Hello gabriel79,

It seems to be correct but please notice that I cannot check it more deeply because it is an additional customization. Add the code to your Custom CSS area and check the results. For more information about how you can create your own custom CSS code, please check the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Viewing 9 posts - 1 through 9 (of 9 total)
The forum ‘Newsmag’ is closed to new topics and replies.