Title: Ticker CSS Issues Last modified: August 21, 2016 --- # Ticker CSS Issues * Resolved [HipHopSpeakeasy](https://wordpress.org/support/users/hiphopspeakeasy/) * (@hiphopspeakeasy) * [12 years, 7 months ago](https://wordpress.org/support/topic/ticker-css-issues/) * I tried following the css help thread posted a while back but am struggling to correct some css issues. My goal is to have the background color either stretch to fill up the width of the page or to fill up the widget of the content field. Also, when I hover over the text link, it is a color that I don’t want so I am looking to change the hover color of the link text. Lastly, how do I get my title“ New Music” within the css boundaries of the ticker itself. When I put the title inline, it remains outside of the actual ticker links. * Here is the custom css I am using * `.mtphr-dnt a { margin:0px auto; width:100%; height:20px; background-color:# 1f2025; float:left; padding:10px; border:2px black; color: #FFF; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; hover:#8ca4ce; hover,active{ color:#8ca4ce;} } .new-music { margin:0px auto; width:100%; height:20px; background- color:#1f2025; float:left; padding:10px; border:2px black; color: #FFF; font- family: Arial, sans-serif; font-size: 16px; font-weight: bold; hover:#8ca4ce; hover,a.ex1:active {color:#8ca4ce;} font-size: 12px; padding: 10px; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}. new-music h4.mtphr-dnt-posts-title, .new-music a, .new-music p { display: inline; font-size: 12px; line-height: 0; } .new-music h4 { padding-right: 5px; }’ * And here is my site: [http://hiphopspeakeasy.com/](http://hiphopspeakeasy.com/) * [http://wordpress.org/plugins/ditty-news-ticker/](http://wordpress.org/plugins/ditty-news-ticker/) Viewing 8 replies - 1 through 8 (of 8 total) * Thread Starter [HipHopSpeakeasy](https://wordpress.org/support/users/hiphopspeakeasy/) * (@hiphopspeakeasy) * [12 years, 7 months ago](https://wordpress.org/support/topic/ticker-css-issues/#post-4310861) * EDIT: I moved where the ticker is so I am not as worried about the width anymore as it fills up the content space where I put it, but the color and title is still an issue. Thanks in advance! * Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/) * (@metaphorcreations) * [12 years, 7 months ago](https://wordpress.org/support/topic/ticker-css-issues/#post-4310871) * Can you please post a link to your site for me to check out? I’ll take a look at it and give you some suggestions. * Thread Starter [HipHopSpeakeasy](https://wordpress.org/support/users/hiphopspeakeasy/) * (@hiphopspeakeasy) * [12 years, 7 months ago](https://wordpress.org/support/topic/ticker-css-issues/#post-4310959) * [http://hiphopspeakeasy.com](http://hiphopspeakeasy.com) * thanks for looking into this. the ticker is on the left after you scroll down a little bit * Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/) * (@metaphorcreations) * [12 years, 7 months ago](https://wordpress.org/support/topic/ticker-css-issues/#post-4310977) * Here are some suggestions: * ``` #mtphr-dnt-14394 { background: ##1f2025; } .entry-content #mtphr-dnt-14394 a:hover { color: #8ca4ce; } ``` * You may want to remove the css you applied before and then let me know after you have added this, and let me know what else you are wanting to do. * It looks like you do not have a title for your ticker? I see where it should be but there isn’t any text within the .mtphr-dnt-title element. * Thread Starter [HipHopSpeakeasy](https://wordpress.org/support/users/hiphopspeakeasy/) * (@hiphopspeakeasy) * [12 years, 7 months ago](https://wordpress.org/support/topic/ticker-css-issues/#post-4310981) * great! almost there. I added in the title, and combined your css with what I had because without mine it didn’t look right. now all I need is to be able to change the padding to the left of the “New Music” text (it’s way too close), center the ticker text so that it is lined up with the title “New Music,” and if possible add a border around the whole ticker. * thanks! * Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/) * (@metaphorcreations) * [12 years, 7 months ago](https://wordpress.org/support/topic/ticker-css-issues/#post-4310995) * Try this: * ``` #mtphr-dnt-14394 { border: 1px solid #ff0000; } #mtphr-dnt-14394 .mtphr-dnt-title { padding-left: 18px; } #mtphr-dnt-14394 .mtphr-dnt a { line-height: 44px; } ``` * Thread Starter [HipHopSpeakeasy](https://wordpress.org/support/users/hiphopspeakeasy/) * (@hiphopspeakeasy) * [12 years, 7 months ago](https://wordpress.org/support/topic/ticker-css-issues/#post-4310997) * didn’t center the ticker text. I ended up adding more padding to the content though and that centered it to the most that I could get it. Looks pretty good now if I do say so myself. Thank you so much for your help! great plugin * Plugin Author [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/) * (@metaphorcreations) * [12 years, 7 months ago](https://wordpress.org/support/topic/ticker-css-issues/#post-4311001) * You’re welcome! Glad you got it smoothed out. Viewing 8 replies - 1 through 8 (of 8 total) The topic ‘Ticker CSS Issues’ 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 * 2 participants * Last reply from: [metaphorcreations](https://wordpress.org/support/users/metaphorcreations/) * Last activity: [12 years, 7 months ago](https://wordpress.org/support/topic/ticker-css-issues/#post-4311001) * Status: resolved