html - Cuelinks 小部件的一半被隐藏在 WordPress 网站上

Question

我有我的网站页面http://arablelife.com/?p=1369 我已经为联盟计划应用了 cuelinks 小部件。我的网站在右侧有足够的边距，但小部件的右半部分仍然隐藏在布局中。

小部件的 HTML 代码是

<p align=center> <iframe width='300' height='600' frameborder='0' scrolling='no' src='https://widget.cuelinks.com/widgets/42308?cid=43033'></iframe> </p>

解决方案我试过 我在 webhosting 文件底部的 style.css 中添加了以下代码。

.sidebar { border-left: none !important;}
#content, .entry-no-pic .entry-content  { border-right:1px solid #E1E1E1; margin: 0 0 30px !important; padding: 20px !important; } /* adds border to right of main content and corrects margin / padding */

标签： htmlcsswordpress

Answer 1

您需要在侧边栏 div 上添加填充。例如：

.et_pb_module.et_pb_sidebar_0.et_pb_widget_area.et_pb_bg_layout_light.clearfix.et_pb_widget_area_left.et_pb_text_align_center.et_pb_sidebar_no_border {
padding: 0 30px;}