You are here: Blog » Tutorials » Changing the text color for a Line-On-Sides Header

Changing the text color for a Line-On-Sides Header

If you are looking to change the text color for your Line-On-Sides Header, then look no further. Note that you will have to be using the Line-On-Sides Headers add-on for Spacer in order to follow along with this tutorial.

The End Result

Before we jump in, let’s take a look at what our end goal is:

bfa3

How It’s Done

It’s very easy to change the text color for your Line-On-Sides Headers. You can actually change the color directly via the WYSIWYG Visual Editor in WordPress. Here is how to do it:

  1. Simply insert your line-on-sides header to the page or post like normal
  2. After that, highlight the header text.
  3. Use the ‘Text color’ button in the WordPress Visual Editor to select whatever color you like. See picture below for reference:

cc

That’s all there is to it!

Thanks for taking the time to follow this tutorial. Hope you find it helpful. Please let me know if you have any questions or other feedback in the comments.

The section headers (The End Result, etc...) and dividers on this post were proudly made with Visual Artist
This entry was posted in Tutorials and tagged by .

Author: justin saad

Justin Saad is first and foremost a husband and a father of four. He is also a web developer and designer who has been making websites for over fifteen years. His company is called The Motech Network and his website is ClevelandWebDeveloper.com. In addition to building websites, Justin makes WordPress plugins and likes writing tutorials to help others learn about various aspects of web development.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">