Title: title between lines
Last modified: August 30, 2016

---

# title between lines

 *  Resolved [kustv](https://wordpress.org/support/users/kustv/)
 * (@kustv)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/title-between-lines/)
 * Hello,
    I would like to know what the best way is to achieve something like this
   [http://www.chesterzoo.org/](http://www.chesterzoo.org/) where it says “plan 
   your visit”. t’s a tite/heading between two lines that are actually an image.
   I have tried using a row with 3 cells, but that doesn’t work when the screen 
   gets smaller. Everything in one row with the visual widget is very difficult 
   as well..
 * Thanks for your help!
 * [https://wordpress.org/plugins/siteorigin-panels/](https://wordpress.org/plugins/siteorigin-panels/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [rutger.gabriel](https://wordpress.org/support/users/rutgergabriel/)
 * (@rutgergabriel)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/title-between-lines/#post-6229660)
 * Can’t you do it like the example you have given? You’ll have to use css for this:
   
   The container of the h1 title has a background image, which is the line. The 
   css styling of the h1 title has a ‘before’ and ‘after’ pseudo property with a
   background image to add whitespace between the line and title.
 *  Thread Starter [kustv](https://wordpress.org/support/users/kustv/)
 * (@kustv)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/title-between-lines/#post-6229664)
 * Thank you rutger.gabriel, I know abot the pseudoelements but my knowledge is 
   not advanced enough so that I could style this on my own.
 *  [rutger.gabriel](https://wordpress.org/support/users/rutgergabriel/)
 * (@rutgergabriel)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/title-between-lines/#post-6229677)
 * The best option I can think about right now is adding a background-image to the
   row where your title is put in (this is possible in Pagebuilder in the row settings).
   Tho it will be without white space before and after the title…
 *  Thread Starter [kustv](https://wordpress.org/support/users/kustv/)
 * (@kustv)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/title-between-lines/#post-6229713)
 * Well and then te background image(the line) would also be behind the title heading!
   That would not work…
 *  Plugin Support [Andrew Misplon](https://wordpress.org/support/users/misplon/)
 * (@misplon)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/title-between-lines/#post-6229729)
 * Hi everyone
 * You could do it like this:
 * 1. Edit the Page Builder row Edit Row > Attributes, insert a Row Class name, 
   in this case I’m using:
 * `custom-heading`
 * 2. Use a Custom CSS plugin like Simple Custom CSS, go to Appearance > Custom 
   CSS and insert:
 *     ```
       /* Page Builder Custom Classes */
   
       .custom-heading h3.widget-title {
         position: relative;
         text-align: center;
       }
   
       .custom-heading h3.widget-title:before,
       .custom-heading h3.widget-title:after {
         background: #000;
         content: "";
         display: block;
         height: 3px;
         position: absolute;
         right: 0;
         top: 10px;
         width: 45%;
       }
   
       .custom-heading h3.widget-title:after {
         left: 0;
       }
       ```
   
 * Adjust as required.
 * Hope that helps.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘title between lines’ is closed to new replies.

 * ![](https://ps.w.org/siteorigin-panels/assets/icon.svg?rev=2556869)
 * [Page Builder by SiteOrigin](https://wordpress.org/plugins/siteorigin-panels/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/siteorigin-panels/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/siteorigin-panels/)
 * [Active Topics](https://wordpress.org/support/plugin/siteorigin-panels/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/siteorigin-panels/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/siteorigin-panels/reviews/)

 * 5 replies
 * 3 participants
 * Last reply from: [Andrew Misplon](https://wordpress.org/support/users/misplon/)
 * Last activity: [11 years, 2 months ago](https://wordpress.org/support/topic/title-between-lines/#post-6229729)
 * Status: resolved