html - Ditty RSS 自动收报机 - Wordpress

Question

我正在使用插件在我的网站主页上显示 RSS 提要。我的网站是双语的(英语和阿拉伯语)。 Feed ticker 在桌面版和手机版的英文网站上运行良好。但是只有手机版的阿拉伯语网站存在一些问题。阿拉伯文本重叠在自动收报机上。我认为这与我使用的一些 CSS 编码有关，但我无法弄清楚。附上截图供引用。任何人都可以查看下面的代码并帮助我提供可能的解决方案吗？我在所见即所得字段中使用的代码；

 <div style="background: #5a267c; position: relative; border-right: none; 
 float: none; margin-left: auto; width: 100%; height: 85px;">
 <div class="container-fluid" style="background: #5a267c; max-width: 1200px;">
 <h4 style="float: right; color: white; padding-right: 70px; padding-top: 
 25px; padding-left: 10px;">
 آخر الأخبار
 </h4>
 <p style="padding-top: 25px;">[ditty_news_ticker id="5234"]</p>
 <p>
 <img class="rss-logo" style="position: absolute; height: 80px; bottom: 0; 
 padding-top: 5px; padding-bottom: 10px;" src="http://www.alainc.msf.ae/wp- 
 content/themes/alainclub/images/headers/logo_center.png" alt="" /></p>
 </div></div>

我用于 News Ticker 的 CSS 代码；

 #rss_scr_spancontant a, .mtphr-dnt-rss-title a{
text-align:center;
font-weight:100;
color:white !important;
font-size:20px;
text-transform: none;
font-style: italic;
}
.mtphr-dnt-rss-title a:hover{
text-decoration: underline !important;
}

Answer 1

当屏幕尺寸减小时，您的#banner-slide0 会改变高度，因此，您需要在 themes/alainclub/css/custom-ar.css 中更改此代码

@media (max-width: 767px)
#banner-slide0 {
    height: 100px !Important;
}

到:

@media (max-width: 767px)
#banner-slide0 {
    height: 140px !Important; /* Increase the height to fit your needs */
}

希望这对您有所帮助。