Add text to the header image


#1

How can I add some text to the header image? I wanted to add “The best customer service and location in Metro Detroit” at about the level of the truck tire. Website: http://79.170.40.224/lirendesign.net/wordpress/

Thanks!


#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
  2. Go To Settings > Header and Footer Scripts panel
  3. Paste the following code into the provided Scripts in footer box
<script>

(function($){

    "use strict";

    var headerContent = '<h3 class="secondary-headline">The best customer service and location in Metro Detroit</h3>';

    $('.header-image').append(headerContent);
    

})(jQuery);

</script>
  1. Paste the following to the “Scripts in header:” box
.secondary-headline{
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
  color: #fff;
  padding: 0 15px;
}
  1. Save settings

Let me know how it goes. I’ll wait to hear back from you regarding your stats.

Regards,
Kharis


#3

Thank you, it worked!


#4

Great!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis