Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 31, 2019 at 7:17 am #1152623
    vollstark

    Hi!

    I need to change the color for each menue topic incl. the mouse over color.

    How can I change that?

    All the best :-)

    Screenshot

    • This topic was modified 5 years ago by vollstark.
    November 1, 2019 at 6:44 am #1152934
    Rikard

    Hey vollstark,

    Your screenshot is not working, please upload it somewhere else and post a link to where we can see the actual elements as well and try to explain your intentions a bit further.

    Best regards,
    Rikard

    November 1, 2019 at 10:10 am #1152948
    vollstark

    Hi!

    Here is an new link. Hope that works.

    Screenshot
    Sorry. I don´t know what it is. pictures doesn´t work :-(

    Maybe you can see my screenshot with this link:
    https://www.dropbox.com/s/gylejkjc8lowrau/Menuefarbe.jpg?dl=0

    My website is: http://www.vollstark.de

    • This reply was modified 5 years ago by vollstark.
    November 2, 2019 at 4:38 am #1153176
    Rikard

    Hi,

    Thanks for the screenshot, it’s working from Dropbox. I can’t see the elements on your actual site though, where can we see them? We need to inspect the actual elements, otherwise we can’t give you accurate CSS.

    Best regards,
    Rikard

    November 2, 2019 at 7:43 am #1153199
    vollstark

    Hi!

    Please have a look at the private content. :-)

    All the best.

    November 3, 2019 at 4:45 am #1153437
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    #menu-item-11106 .avia-menu-text {
  background-color: red;
}

#menu-item-11106 .avia-menu-text:hover {
  background-color: green;
}

#menu-item-11105 .avia-menu-text {
  background-color: blue;
}

#menu-item-11105 .avia-menu-text:hover {
  background-color: yellow;
}

    Best regards,
    Rikard

    November 3, 2019 at 6:17 am #1153459
    vollstark

    Hi!

    It works a little bit ;-)
    The main menue has the same old colour :-( That was what I wanna change ;-)

    November 4, 2019 at 4:47 am #1153599
    Rikard

    Hi,

    I’m not sure I understand what you mean now, what exactly is not working?

    Best regards,
    Rikard

    November 4, 2019 at 8:50 am #1153641
    vollstark

    Hi!

    You see, there are two points on the main menu. Both are the same red. I wanna have them different.
    You gave me a code to change the color of the submenu…

    All the best1

    November 4, 2019 at 11:42 am #1153667
    Rikard

    Hi,

    Try this instead:

    #menu-item-11106 .avia-menu-text {
  background-color: red !important;
}

#menu-item-11106 .avia-menu-text:hover {
  background-color: green !important;
}

#menu-item-11105 .avia-menu-text {
  background-color: blue !important;
}

#menu-item-11105 .avia-menu-text:hover {
  background-color: yellow !important;
}

    Best regards,
    Rikard

    November 4, 2019 at 11:50 am #1153668
    vollstark

    Hi!

    Ah, that works fine :-) Great!

    Can I also change the font color and size?
    Can I remove the border?

    Can I set different submenu colors as well? Now they have red backgrounds as well :-(

    All the best!

    • This reply was modified 5 years ago by vollstark.
    November 7, 2019 at 12:04 pm #1154592
    vollstark

    hey! May you still help me?

    November 8, 2019 at 11:26 am #1154921
    Mike

    Hi,
    Sorry for the late reply to change the button font size and color please adjust your custom css, please look for:

    .avia-menu-text {
    font-size: 14px !important;
    color: #777777 !important;
    font-weight: normal !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
}

    to remove the border, try adding this css:

    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    border-color: transparent !important; 
}

    to remove the red background for your sub-menu items please adjust your custom css, please look for:

    
#menu-item-11106 .avia-menu-text {
background-color: #6A1A35 !important;
}
#menu-item-11105 .avia-menu-text {
background-color: #8D5560 !important;
}

    and change to:

    
#menu-item-11106 > .avia-menu-text {
background-color: #6A1A35 !important;
}
#menu-item-11105 > .avia-menu-text {
background-color: #8D5560 !important;
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.