Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 4, 2018 at 3:09 pm #921063
    wealthyone

    I have a menu set for the top socket.
    I would like to change the color of the text

    Currently I have

    /* Top Socket Menu Color */
    #header_meta {
    background-color: red;
    }

    Which does make the background red, but the words are currently black.
    I tried to add
    color: white !important;

    but that doesnt help
    How can I make them white please

    Thanks

    March 4, 2018 at 9:48 pm #921193
    Basilis

    Hey wealthyone,

    Can we check your web site URL also please?

    Thank you very much

    Best regards,
    Basilis

    March 5, 2018 at 4:44 am #921283
    wealthyone
    This reply has been marked as private.
    March 5, 2018 at 8:07 am #921340
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    #header_meta .sub_menu li a {
  color:#fff !important;
}

    Best regards,
    Rikard

    March 5, 2018 at 10:13 am #921374
    wealthyone

    Yes Fantastic.
    That worked..

    So is this code correct or is there a way to nest it together

    #header_meta {
    background-color: red;
    }
    #header_meta .sub_menu li a {
    color:#fff !important;
    }

    March 5, 2018 at 12:45 pm #921450
    wealthyone

    oh and one more item for this menu.

    Is it possible to have one that says Welcome ( username)
    So when a member logs in, then it will say Welcome (username ) in the top menu before the rest of the items.

    Have seen it on other sites and have code for one but not sure of what to change and where to put it.
    Maybe you already have some code?

    thanks

    SOLUTION FOUND

    Hi,

    Please add following code to Functions.php file of your child theme in Appearance > Editor

    function avia_username_sc(){
    $current_user = wp_get_current_user();
    if(is_user_logged_in ()){
    $output = ‘<span class=”custom-un”>Welcome ‘ . $current_user->user_login . ‘</span>’;
    }
    else {
    $output = ‘Login‘;
    }
    return $output;
    }
    add_shortcode( ‘username’, ‘avia_username_sc’ );
    add_filter(‘wp_nav_menu_items’, ‘do_shortcode’);
    then go to Appearance > Menus and a new custom link to your secondary menu with # for URL and [username] for navigation label.

    Best regards,
    Yigit

    March 5, 2018 at 8:51 pm #921769
    Basilis

    Hi,

    Thank you for posting the soltuion, we much appreciate it :)

    Best regards,
    Basilis

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