Question

我正在使用一个插件在我的网站主页上显示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>

我用于新闻报道的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 */
}

希望这会有所帮助。

Ditty RSS代码-Wordpress

1 个答案: