ticker height

Hello @raunhar,

Thank you for reaching out to us!

Regarding your query, the free version of the T4B News Ticker plugin doesn’t include an option to add an image as an icon within the ticker content, nor does it have a built-in feature to adjust the height of the ticker. However, you can manually increase the height by editing the CSS.

In your specific case, increasing the height alone may not fully resolve the issue you’re facing. To better align your content, please try adding the following CSS code to your theme’s CSS file or through a custom CSS tool like the WordPress Customizer:

.ticker-news .tickercontainer ul.newsticker li {
    list-style: none;
}
.ticker-news .tickercontainer ul.newsticker li a img {
    position: relative;
    left: -5px;
    top: 5px;
    width: 32px;
    margin: 0;
}

This should help adjust the positioning of the images within the ticker. If you have any further questions or need additional assistance, feel free to reach out.

Best regards,
Iftekhar

Thanks. But the mobile view is not proper. You can check the screnshot of mobile view at

https://www.dropbox.com/scl/fi/hjv8cvtd62m54woysvxvl/09afe57a-75bf-48e2-8aea-f451b7ca3f08.jpeg?rlkey=np2yiz1ym6lh1sjgk90lf3iwb&st=wgpaxudw&dl=0

Thank you for your feedback.

I’ve reviewed the mobile view, and it seems that the space available for the ticker content is limited, which is affecting its display. To resolve this, we can hide the ticker title on mobile devices, which will provide more space for the content.

Please add the following CSS to your theme’s CSS file or through a custom CSS tool like the WordPress Customizer. This code will hide the ticker title specifically on mobile devices:

@media only screen and (max-width: 768px) {
    .ticker-news span {
        display: none;
    }
}

This adjustment should enhance the mobile view by ensuring that the ticker content has enough space to display properly. Let me know if this resolves the issue or if you need further assistance.

Thanks. It work. And is there any way we can increase the width of the ticker in mobile view.

I’m glad the previous solution worked for you!

Regarding the width of the ticker in the mobile view, the width is primarily determined by your theme’s structure and where the ticker shortcode is placed on your page. The T4B News Ticker plugin itself doesn’t have control over the width, as it relies on the container provided by your theme.

To increase the width of the ticker, you may need to adjust the layout or CSS of your theme. For instance, if the ticker is placed in a narrow sidebar or within a specific section, it will inherit the width constraints of that container.

However, to give the ticker content more space on mobile devices, you can hide the control section of the ticker. This can be done directly from the ticker settings. If you prefer to keep the control section visible on desktops but hide it on mobile, you can use the following modified CSS:

@media only screen and (max-width: 768px) {
    .ticker-news span, .ticker-news .tickercontainer .t4bScroll-controls {
        display: none;
    }
}

This will hide both the ticker title and the control section on mobile, giving the content more room to display properly.

Thank you for understanding.