html - Ditty RSS 代码

问题描述

我正在使用插件在我的网站主页上显示 RSS 提要。我的网站是双语的（英语和阿拉伯语）。Feed 代码在桌面版和手机版的英文网站上运行良好。但是阿拉伯语网站上只有电话版存在一些问题。阿拉伯文本在股票代码上重叠。我认为这与我使用的一些 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;
}

标签： htmlcsswordpresswysiwygarabic

当屏幕尺寸减小时，您#banner-slide0正在改变高度，因此您需要在主题/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 */
}

希望这可以帮助。

html - Ditty RSS 代码 - Wordpress

问题描述

解决方案

推荐阅读