Header Text


#1

Hi, I’d like to have two lines on the header image, each line with a different font color and size. Can you please advise how to do this?


#2

Hello there,

Thank you for asking.

In order to achieve that objective, could you please try to do the following?

  1. Install and activate the Header and Footer Scripts plugin. Go to Settings > Header and Footer Scripts.

  2. Paste the following to the “Scripts in header:” box

<style>
.first-line{
  border-color: #ff0000;
  border-top-width: 10px;
}

.second-line{
  border-color: #fff000;
  border-top-width: 5px;
}
</style>

You should need to do an adjustment as needed.

  1. Paste this code to the “Scripts in footer:” box

  2. You’re done

Regards,
Kharis