Menu arrows | WordPress.org

Not sure what your end goal is but:

.elementor-2245 .elementor-element.elementor-element-3b12895 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator {
    color: #f34;
    transform: rotate(45deg);
}

That will make it orange and turn it 45 degrees.

This arrow? See https://i.imgur.com/PWl76BX.png

This is the CSS that sets the arrow. The actual “text” is in the first one,

.ekit-wid-con .fasicon.icon-down-arrow1:before, .ekit-wid-con .icon.icon-down-arrow1:before, .icon.icon-down-arrow1:before {
    content: "";
}
.ekit-wid-con .fasicon, .ekit-wid-con .icon, .ekit-wid-con .icon:before, .fasicon, .icon, .icon:before {
    font-family: "elementskit"!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

The “elementskit” font is the key here. You need to find the right code for the “content” piece. I recommend asking at https://wordpress.org/support/plugin/elementskit-lite/#new-post so the plugin’s / theme’s developers and support community can help you with this.

Alright thanks so much guys. Very grateful.



Source link