how to edit a elements.style css submenu link color ?

  • Resolved Pufak

    (@pufak)


    8 years, 6 months ago

    Im use Customizr theme and try to change the color for the menu links a single drop down submenu color ? I change it in the elements but not in real css here is a screenshot anybody please can help?

    View post on imgur.com

Viewing 3 replies - 1 through 3 (of 3 total)

  • Check the theme option to change the submenu color.

    Thread Starter Pufak

    (@pufak)

    Hi Nisha there is no theme option in Customizr theme to change the submenu color. I check it and can’t find any option for that.

    Thread Starter Pufak

    (@pufak)

    I get it .. here is the snippet in your child theme

    /* START OF Change the Navbar Colors/Font/Size */
/* Adjust Menu (red) text color, (Garamond) font-family, (1.5em) font-size  */
.navbar .nav > li > a, .navbar .nav > li > a:first-letter,
.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-ancestor > a {
display:        inline;
color:          red;
font-family:    Garamond;
font-size:      1.3em;
padding:        5px 20px;
}

/* Adjust Menu colors - Normal */
.navbar .nav > li > a, .navbar .nav > li > a:first-letter {
color:          black;
text-shadow:    none;
}
/* Adjust Menu colors - Hover */
.navbar .nav > li > a:hover, .navbar .nav > li > a:hover:first-letter {
color:          white;
text-shadow:    none;
}
/* Adjust Menu colors - Active */
.navbar .nav > li > a:active, .navbar .nav > li > a:active:first-letter,
.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-ancestor > a,
.navbar .nav > li.current-menu-item > a:first-letter,
.navbar .nav > li.current-menu-ancestor > a:first-letter {
color:          blue;
text-shadow:    none;
}

/* Adjust dropdown Menu items (blue) text color, (yellow) shading and (green) border */
.dropdown-menu > li > a {
color:          blue;
background:     yellow;
border-bottom:  2px solid green;
}

.dropdown-menu > li > li > a {
color:          blue;
background:     red;
border-bottom:  2px solid green;
}

/* Remove the Hover/Focus Colors  */
.navbar .nav > li.current-menu-item > a, .navbar .nav > li.current-menu-ancestor > a,
.navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
color:          #5A5A5A;
}
/* END OF Change the Navbar Colors/Font/Size */

    source
    https://presscustomizr.com/snippet/change-navbar-colorsfontsize/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘how to edit a elements.style css submenu link color ?’ is closed to new replies.