Horizontal strip

I would like to add a thin horizontal strip of colour a little way underneath the header menu.

Can you help?

Hello Lucie,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

header#masthead {
    border-bottom: 1px solid #FF75BD;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks Roman, that worked out perfectly.

I do have a few other little tweaks I would like to try out if that’s ok

  • I would like to try a similar horizontal line above the footer too, if you can help?

  • could i have some code to change the colour of the background on the header drop down nav menu?

  • is it possible to have different colours for each of the menu categories in the header?

Many thanks for your help :slight_smile:

Hello Lucie,

1 and 2. Please try to use this CSS code:

div.footer-wrapper {
    border-top: 10px solid #14ACAD;

header#masthead .main-navigation ul ul {
    background-color: #14ACAD;
  1. Please create a new topic with more details for your third question.

Kind Regards, Roman.

Thank you :slight_smile:

You are welcome Lucie! :slight_smile:

Kind Regards, Roman.