Using theme 1 as an example, go to the theme CSS file (“modern-ticker/themes/theme1.css”) and on line 10 you can find the style to change the background of the label:

.modern-ticker .mt-label {
    background-color: #0099ff;
}

Thank you very much – that is exactly what I needed to know and it worked beautifully! Have a great day!

You do not have the “Purchased” label next to your name. Once you purchase and download the marketplace files, you can find the “Main” folder in the downloaded archive.

I have just purchased your item. you can see the screen here with the content of folder downloaded http://www.screencast.com/t/AWFWSUCz I don’t know why I don’t have the “Purchased” label. Can you help me now? Thank you

You purchased the WP version. This is the comments board of the standalone, jQuery version.

The ticker can use the RSS feed type to load one XML/RSS feed file. It needs to have a structure like this: http://creativetier.com/examples/feed.rss

Or it can use the JSON feed type to load one JSON file. This needs to have the following structure: http://creativetier.com/examples/feed.json

It cannot load multiple files at the same time though.

It is displaying well for me in Chrome, Firefox and IE. What browser are you using?

Can you try to Ctrl+F5 to clear the cache and refresh the page, in case it is a caching issue?

Using google chrome, checked in my virtual machine , same display size and it appears fine so I’m unsure what’s causing it

I can view the site in internet explorer on my site and it looks fine though so definitely seems related to chrome

If you don’t see it on other machines and browsers and if it displays well on my end too, then it may just be something that only happens on your current setup.

1. If you have been customizing the site CSS recently, maybe it is some leftover cache CSS. Have you tried Ctrl+F5 to clear cache and refresh the page?

2. Do you see this space on the link that you have sent me as well (https://phishing.rs/) or only in your development environment (the screenshot that you posted).

3. I cannot see the issue on my end in the link that you have posted so I cannot inspect the source code. But you can use the Chrome Developer tools to look over the ticker code directly.

Move the mouse over the news text, right click and select “Inspect”. The Developer tools will open and in the Elements panel you can see ticker HTML elements. When you hover over them with the mouse, they will be highlighted on the page. Their dimensions, including padding and margins will be shown. Thy to hover over various elements (ul, div.mt-news, div.mt-label) and find where the space originates from.

If it is simply a padding or margin of the ul, you can go in the ticker CSS file (modern-ticker/css/modern-ticker.css) and increase the specificity of the ul resets (line 20):

body div.modern-ticker ul,
body div.modern-ticker li {
    margin: 0;
    padding: 0;
    list-style: none;
}

I simply added a couple of elements to the selectors so that the styles have higher specificity and override any page styles that might be adding padding or margin to the ticker ul element.

It is ok.. I found it. Thanks.

Hi. I have responded to your message posted on comments page of the WP version of the ticker. Please see the response there relating to the WP files. As for the suggestions that you mentioned, you can see the responses to them at the end of this message.

I will post a similar response here relating to the jQuery files, which are slightly different (contain the CSS theme code separated in files), in case someone here is interested in the answer to this question as well:

To have more control over the appearance of the bullets, I have created them as custom ”.png” images. They can be removed by simply editing the ticker CSS files.

First, the modifications for the ticker theme CSS file. For example, theme 1, which can be found in “modern-ticker/themes/theme1.css”.

Go to the following styles and either remove or comment out the bullet images for default and for mouseover (line 25):

.modern-ticker .mt-news a {
    ...
    /*background-image: url("images/bullet-505050.png");*/
}
.modern-ticker .mt-news a:hover {
    ...
    /*background-image: url("images/bullet-over-fafafa.png");*/
}

The last thing that is needed is to remove the empty space where the bullet was, which is a left padding.

This change is in the main CSS file, which can be found in “modern-ticker/css/modern-ticker.css”.

Simply change the left padding from 20px to 10px (line 74):

.modern-ticker .mt-news a {
    ...
    padding: 0 10px 0 10px;
    ...
}

The bullets should now be gone. If you don’t see any difference, make sure to press Ctrl+F5 to clear the cache and refresh the page.

The suggestions that you mentioned refer to the WP version only:

1. I have made a note of the tags suggestion and I will look into it for the next update that I make to the WP ticker.

2. This is a viable option but as far as I know it is recommended that any overriding CSS by added to the theme CSS file. I will research more about it and if it is considered a good practice, I might add it in the next update as well.

You can make a refund request if you mistakenly purchased the project. There is a WP version of the ticker at Modern News Ticker for WordPress but it does not support RTL alignment.

Unfortunately, the ticker does not support RTL at the moment.

In what sense is it not working? Does it have any kind of error? Or are you just saying that you cannot use it since your site is RTL?

The ticker does not have RTL support. RTL is not mentioned in the preview page or in the description.

aha thanks, i hope if you can add RTL support

This is the jQuery version. Are you asking about the WP version? I responded to your comment in the WP version message board. Let me know there if you are referring to the “Posts” feed or to the “Add post(s)” modal.

Yes, you just add an anchor tag (<a>) to the label text and you can link it to another page.

Hi. I see that your account was created this month but the “purchased” tag is not displaying next to your name. Can you please send me the purchase code?

The ticker is, by default, extending to all of the available width. It has max-width set to 1000px, which can be changed or removed.

Also, please send me a link to where I can look over your implementation so that I can give you specific instructions.

Hi. There is no other version of the project. All files are included in the downloadable archive. And all available features are either shown in the preview or mentioned in the description.

I meen making 1 line\row with News tag, 2nd row is the news (anchor with ticking news) 3rd row is with the buttons, I ment separating the 3 divs that hold the tag\buttons\ticker to 3 columns when I switch the width to phone width 320-610px… Is it possible?

That is not possible, unfortunately. The ticker was made to work in a single line. However, I don’t think that there are many phones nowadays at resolutions of 320px. And even at small dimensions such as 610px, the news are visible well with both label and controls on the sides.

I hope they will be visible, cant find a normal way to display the website on a virtual device. Thank You for all the help! You are awesome!

If you accidentally purchased the wrong version, you have to make a refund request. You have more information about that here: https://help.market.envato.com/hc/en-us/articles/209980383-How-do-refunds-work-

No problem, if you have any other issues, please don’t hesitate to contact me.

Thanks – just one other tweak i had to make was to jquery.modern-ticker.min.js was to change http://api.rss2json.com/v1/api.json to https://api.rss2json.com/v1/api.json (the page with the ticker on is loaded via SSL and the http method broke it because of mixed content).

That’s true, another client reported a similar thing and I have looked into it as well and already updated the link in my files. This will be included in the marketplace files in the next update that I make.

Yes, the styling is all customizable with CSS. I think that is something standard and also noticeable from the different themes and I didn’t mention it specifically in the description.

Hi. That is not possible right now but it is something that I want to add in a future update, a setting to control what fields to display from the feed.

But you can send me a quick email, using either the contact email from the guide or the contact form on my profile page, and I can make some modifications for you and reply with the new JS file that will display the description as well.

Just tell me how you want it to display, if use a separator character, what loadType are you using and, if possible, the link to the RSS feed would be helpful for testing.

If you already have jQuery on the page, it is best to simply not add it again in the ticker head code. Simply remove this line:

<script src="modern-ticker/js/jquery-3.2.1.min.js" type="text/javascript"></script>

(But make sure that your jQuery is added before the ticker head code.)

This is mentioned in the top instructions in each template file as well as in the guide. Sorry if it was not obvious enough.

This is one of the more common problems that people encounter but I am not sure how to make it easier to see the instructions.

I did actually see that however the ticker would not load correctly with the “https://ajax.googleapis.com/.....js” version for some reason. Thanks for the feedback though.

Hi,

The ticker on your page loads and displays well on my end.

When exactly is happening for you? Is the feed not loading? Try to open the browser tools (F12) and see if any error is showing in the browser console from the ticker.