Title: Ticker alignment
Last modified: August 21, 2016

---

# Ticker alignment

 *  Resolved [Moonboots](https://wordpress.org/support/users/moonboots/)
 * (@moonboots)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/ticker-alignment/)
 * Hi,
 * I have been setting up my website however i am having a slight problem with the
   scroll ticker. [My Website](http://www.thursohub.com/newsite). As you can see
   from the site, the scroll content is not aligning correctly with the title. just
   below the ticker, there is a banner which is part of the ticker, can this be 
   removed.
 * Any help would be appreciated.
 * Thanks in advance
 * [http://wordpress.org/plugins/ditty-news-ticker/](http://wordpress.org/plugins/ditty-news-ticker/)

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

 *  Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/)
 * (@metaphorcreations)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/ticker-alignment/#post-4234832)
 * You just need to add some css to get things looking correctly. Go to News Tickers
   > Settings and add this custom css:
 *     ```
       .mtphr-dnt-inline-title {
           padding-top: 5px;
           padding-bottom: 3px;
           margin-bottom: 0;
           line-height: 16px;
       }
       ```
   
 *  [MagicTigger](https://wordpress.org/support/users/magictigger/)
 * (@magictigger)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/ticker-alignment/#post-4234873)
 * [@moonboots](https://wordpress.org/support/users/moonboots/)
    how did you make
   this work? having the same problem but doesn’t work.
 * header.php
    [snip]
 *     ```
       <header id="masthead" class="site-header" role="banner">
       			<a>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
       				<h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
       				<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
       			</a>
       <?php if(function_exists('ditty_news_ticker')){ditty_news_ticker(34);} ?>
       			<div id="navbar" class="navbar">
       ```
   
 * [snap]
 * Title shows now above or below ticker, but not on same line. 🙁
    Without title
   it works.
 *  Thread Starter [Moonboots](https://wordpress.org/support/users/moonboots/)
 * (@moonboots)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/ticker-alignment/#post-4234875)
 * Hi MagicTigger.
 * It worked a treat. its all down to where you place it in the header.
 * It has to go after the “</header>” section but before your “<div>”
 * To tell you the truth i just played around with it, adding it into different 
   places until it worked.
 * I would suggest checking out the css of your site-header too.
 * Sorry i cant help anymore than that.
 *  Thread Starter [Moonboots](https://wordpress.org/support/users/moonboots/)
 * (@moonboots)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/ticker-alignment/#post-4234876)
 * Thanks Metaphorcreations
 * The custom css worked perfectly. I did try padding etc before but it was the 
   line-height that made the difference.
 * Once again thanks
 *  Thread Starter [Moonboots](https://wordpress.org/support/users/moonboots/)
 * (@moonboots)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/ticker-alignment/#post-4234877)
 * Now Resolved thanks
 *  [gigerm](https://wordpress.org/support/users/gigerm/)
 * (@gigerm)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/ticker-alignment/#post-4234971)
 * hey,
 * something within my theme’s CSS is prohibiting the space for the title and the
   text to be in one line…i tried the CSS but it still doesn’t seem to work…
 * [http://www.atastuff.com](http://www.atastuff.com) (just building here for client)
 *     ```
       .mtphr-dnt-inline-title {
           padding-top: -55px;
           padding-bottom: 0px;
           line-height: 16px;
       }
       ```
   
 *  Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/)
 * (@metaphorcreations)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/ticker-alignment/#post-4234972)
 * Every theme’s css is different and the example above was specific to that user’s
   site. Please remove the custom css your are currently using and replace it with
   this:
 *     ```
       .mtphr-dnt-inline-title {
           margin-top: 0;
           margin-bottom: 0;
       }
       ```
   
 *  [gigerm](https://wordpress.org/support/users/gigerm/)
 * (@gigerm)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/ticker-alignment/#post-4234973)
 * awesome! thanks so much

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

The topic ‘Ticker alignment’ is closed to new replies.

 * ![](https://ps.w.org/ditty-news-ticker/assets/icon.svg?rev=2650696)
 * [Ditty – Responsive News Tickers, Sliders, and Lists](https://wordpress.org/plugins/ditty-news-ticker/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ditty-news-ticker/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ditty-news-ticker/)
 * [Active Topics](https://wordpress.org/support/plugin/ditty-news-ticker/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ditty-news-ticker/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ditty-news-ticker/reviews/)

 * 8 replies
 * 4 participants
 * Last reply from: [gigerm](https://wordpress.org/support/users/gigerm/)
 * Last activity: [12 years, 4 months ago](https://wordpress.org/support/topic/ticker-alignment/#post-4234973)
 * Status: resolved