Okay
  Public Ticket #3163992
Custom CSS
Closed

Comments

  •  4
    nikiblaker started the conversation
    November 10, 2022 at 12:22am

    Hi! Could I get some CSS help in adding vertical separator line dividers to the submenu?

    Thanks in advance!

  •  1,877
    Judith replied
    November 10, 2022 at 6:17am

    Hi There,

    Thanks for keeping in touch.

    I see the vertical separator already appearing, please let me know whether I am missing something:

    5290349805.png

    Thanks

  •  4
    nikiblaker replied
    November 10, 2022 at 2:23pm

    Hi Judith, thanks for the quick reply. I was referring to the Page Submenu feature (not the regular menu) on the link provided: https://staging.spearmc.com/peoplesoft-training/peoplesoft-live-training

    Screenshot attached. I'm currently "cheating" with a | character, which is not ideal. Thanks!

  •  8,839
    Tahir replied
    November 10, 2022 at 3:05pm

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .page-submenu li:not(:last-child) a:after {
    content:"|";
    position: relative;
    left: 30px;
}

    Thanks

    ThemeNectar Support Team 

  •  4
    nikiblaker replied
    November 10, 2022 at 3:12pm

    Love it! Thank you so much.