Ditty RSS 自动收报机 - Wordpress

Question

我正在使用插件在我的网站主页上显示 RSS 提要。我的网站是双语的（英语和阿拉伯语）。 Feed ticker 在桌面英文网站和 Phone 版本上运行良好。但仅在 Phone 版本的阿拉伯语网站上存在一些问题。阿拉伯文本重叠在自动收报机上。我认为这与我使用的某些 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>

CSS 我用于 News Ticker 的代码；

 #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 */
}

希望对您有所帮助。

Ditty RSS 自动收报机 - Wordpress

Ditty RSS ticker - Wordpress

html

css

wordpress

wysiwyg

arabic