Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 14, 2014 at 9:52 pm #224177
    noble51

    Previously I asked how to change the CSS so when someone moused over the top main navigation that I could change what ever color of that bold rule to be other than the base color of the theme.

    Enfold developers sent me this CSS code:

    .header_color .avia-menu-fx { background-color: #e5143b;
border-color: #e5143b; }

    But my client also see’s on her Mac a little “Arrow or Carrot” that is in the middle of the Rule.
    I don’t see it on a PC using Chrome or Firefox

    She sent me a screen shot of what she is seeing.
    https://app.box.com/s/ftlbadb1n1af4yta7p4z

    Using Firebug I do see the following code that does mention “ARROW”

    .header_color .primary-background, .header_color .primary-background a, div .header_color .button, .header_color #submit, .header_color input[type=”submit”], .header_color .small-preview:hover, .header_color .avia-menu-fx, .header_color .avia-menu-fx .avia-arrow, .header_color.iconbox_top .iconbox_icon, .header_color .avia-data-table th.avia-highlight-col, .header_color .avia-color-theme-color, .header_color .avia-color-theme-color:hover, .header_color .image-overlay .image-overlay-inside:before, .header_color .comment-count, .header_color .av_dropcap2 {

    I was wondering if you could show me the CSS code that would change that ARROW to red?

    Thanks in advance

    Paul

    February 14, 2014 at 9:55 pm #224179
    Yigit

    Hey Paul!

    Please replace code in your post with following one

    .header_color .avia-menu-fx, .header_color .avia-menu-fx .avia-arrow { background-color: #e5143b;
border-color: #e5143b; }

    Best regards,
    Yigit

    February 14, 2014 at 9:58 pm #224182
    noble51

    Wow!
    That was FAST – I do appreciate it.
    I’ll check with her (On Mac) to make sure she see’s this red arrow – since it’s not visible on PC.

    And why is that? Why is this arrow not showing up for me but she see’s it on Mac?

    Thanks again!!

    February 14, 2014 at 10:05 pm #224184
    Yigit

    Hi!

    I am on PC as well but i can see it http://i.imgur.com/uPlOA4D.jpg
    it seems like i missed it when i first provided the code, sorry :) I tried on my local installation and it works fine. Let us know after you check with your client!

    Cheers!
    Yigit

    February 14, 2014 at 10:18 pm #224188
    noble51

    Ok she see’s it fine but both her and I see something odd on the bold line that was changed with CSS.

    Look here and roll over for example the navigation words that say MIXOLOGY or OUR STORY and you will see that the red line that is being forced to be red due to this code:

    .header_color .avia-menu-fx, .header_color .avia-menu-fx .avia-arrow { background-color: #e5143b;
border-color: #e5143b; }

    It is both RED and BLUE

    Go to this website in production to see when you mouse over MIXOLOGY or OUR STORY

    http://webpagesis.com/bluelabelvodka/

    • This reply was modified 10 years, 9 months ago by noble51.
    February 17, 2014 at 11:42 am #224902
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
border-top-color: #e5143b;
}

    It will change the color of border of sub list

    Regards,
    Yigit

    February 17, 2014 at 5:33 pm #225002
    noble51

    That works!

    I appreciate you!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Main Navigation Mouse over "ARROW" and rule color change.’ is closed to new replies.