Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 12, 2019 at 7:46 pm #1118163
    pixelist

    Hi
    I’m having difficulty targeting the links I have placed in the top bar.
    I need to colour each link seperately ie “Apply to year 10” in one colour, “Apply to year12” (another colour) and tel (another colour).
    I’ve tried several suggestions on the forum but none seem to be right.

    I’ve also tried to put these links in the header as buttons using the code snippet –

    add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
dynamic_sidebar( 'header' );
}

    in functions.php but my widget “header buttons” doesn’t show
    – can you help?

    Thanks Steve

    July 12, 2019 at 9:25 pm #1118203
    Victoria

    Hey Steven,

    Best regards,
    Victoria

    July 12, 2019 at 10:43 pm #1118229
    pixelist

    Hi Victoria

    I’ve tried many variations, the latest is this

    li#menu-item-326 a:link {
color:#f9ae00 !important; 
text-decoration: none!important;
}
li#menu-item-327 a:link {
color:#e6007e !important; 
text-decoration: none!important;
}
li#menu-item-328 a:link {
color:#ffffff !important;
text-decoration: none!important;
}

    Which works for item – 327 (apply for year 12) in magenta
    but not for item-326 (apply for year 10) which should be orange
    It seems to flash orange on page load but then overrides back to white?

    July 13, 2019 at 5:27 am #1118260
    Rikard

    Hi,

    Please try this instead:

    #menu-item-326 a {
  color:green !important;
}

#menu-item-327 a {
  color:red !important;
}

    Best regards,
    Rikard

    July 13, 2019 at 5:08 pm #1118361
    pixelist

    Thanks! Rikard that did it.

    July 13, 2019 at 7:34 pm #1118373
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Top bar styling’ is closed to new replies.