WordPress.org

Ready to get started?Download WordPress

Forums

Ditty News Ticker
[resolved] Reduce the top margin (5 posts)

  1. ernestojimz
    Member
    Posted 5 months ago #

    Hi,

    Very useful plugin.

    How can I reduce the space between the top of the ticker and other elements? I put it on my home page via shortcode.

    This is the site: http://texasborderbusiness.com

    This is the remaining space: http://s13.postimg.org/3xdjlqus7/Screen_Shot_2014_03_19_at_7_16_13_PM.png

    Thank you in advance.

    https://wordpress.org/plugins/ditty-news-ticker/

  2. metaphorcreations
    Member
    Plugin Author

    Posted 5 months ago #

    You have a few styles from your theme that is causing this. Add the following css either to your theme, or the News Tickers > Settings page (if you are not using a custom theme):

    .mtphr-dnt h1,
    .mtphr-dnt h2,
    .mtphr-dnt h3,
    .mtphr-dnt h4,
    .mtphr-dnt h5,
    .mtphr-dnt h6 {
      margin-top: 0;
      margin-bottom: 0;
    }
    .td_block_slide {
      padding-bottom: 0;
    }
    .td_mod_wrap {
      margin-bottom: 0;
    }
  3. ernestojimz
    Member
    Posted 5 months ago #

    Thank you so much! very fast support.

  4. Yogesh Verma Delhi
    Member
    Posted 1 week ago #

    I have to same problem, in my website http://www.techminda.com

    ,my top margin is big,,i want to reduce my top margin to 0...
    i have change so many settings but not successful.

    some body please help us.

  5. metaphorcreations
    Member
    Plugin Author

    Posted 1 week ago #

    I do not see a ticker on your site. Please direct me to a page that contains it and I will try to help you out with some custom css.

    Just to be clear for anyone running into similar issues... these issues are CSS styling issues that are completely detached from Ditty News Ticker and it's code. There is only enough CSS added to Ditty News Ticker for it to function correctly. Other than that all element styles will use whatever your theme has setup.

    The styling of of html elements is dependent on your particular theme... if your h1 tags in your theme have a margin-top of 30px, then the h1 elements that show up in the tickers will have a margin-top of 30px. If you need particular elements to have a different style within the ticker then you must add custom CSS on the News Ticker > Settings page (or anywhere else you can add custom css) to override your theme's CSS.

Reply

You must log in to post.

About this Plugin

About this Topic