Try adding an inline style for the width/height of those images. So, you modify to this:
<img class=”aligncenter size-full wp-image-574″ src=”http://craftsofboracay.com/wp-content/uploads//2014/10/IMG_1192.jpg” alt=”IMG_1192″ width=”154″ height=”87″ scale=”0″ style=”width:154px;height:87px;”>
The images you are using are a lot bigger than what you are displaying. It would probably help with page load times if they where resized/cropped to actually be 154 x 87.
Also, you don’t need to use the grid display for your ticker since you are displaying a single row of items… It may not make a difference, but it will just create less markup/html for the page to render.
Thank you for your reply.
However, your solution did not fix the problem.
The HTML code used on all of the tickers including the faulty one is:
Working code
img class=”aligncenter size-full wp-image-1026″ src=”http://craftsofboracay.com/wp-content/uploads//2015/03/New-steps.jpg” alt=”steps up to the bar” width=”470″ height=”264″ />
Non-working code
<img class=”aligncenter size-full wp-image-574″ src=”http://craftsofboracay.com/wp-content/uploads//2014/10/IMG_1192.jpg” alt=”IMG_1192″ width=”470″ height=”264″ />
As you can see, the dimensions are all the same,the ticker is resizing the images automatically.
I have resized the images with the new dimensions, but it makes no difference.
Thanks,
You need to disable the grid output and see if that resolves your issue. It should only be used in certain instances where you want multiple element lined up in a grid. Creating a single line of elements to scroll is the default behavior of the ticker without having the grid option enabled.
Also, do you want your images to be 470×264? Or do you want them to be 154×87 (which is how most of them are displaying)? If you want them to be 154 x 87, you need to switch the height & width attributes to reflect those (or remove those attributes) and also add the inline styles setting the width/height as I mentioned above.
The plugin must have some issues, as i had to use the grid option to get it to work.
Also i had to place 10 images in to fill in the spaces even though i had not set up to
render empty spaces.
It is working now but with a different configuration.
Thanks.
